教案序號：14授課日期課時數(shù)4章節(jié)名稱任務15表單與input元素教學內(nèi)容重點表單與input元素。難點input元素的屬性。教學目的與要求理解表單的屬性和作用。熟悉常用的表單元素。了解網(wǎng)頁中常用的表單功能。教學方法與手段教師采用任務驅(qū)動法，使用教學PPT輔助授課。教師操作演示，學生實訓練習。學生課前課后均可通過“浙江省高等學校在線開放課程共享平臺”的配套微課學習。作業(yè)及思考題完成課堂上未完成的習題，通過網(wǎng)絡平臺上交作業(yè)。通過回帖的方式回答課上留下的思考題。預習下一節(jié)內(nèi)容。

講授內(nèi)容課堂組織第一學時（任務15過渡與變形屬性15.1認識表單、15.2創(chuàng)建表單）實操任務目標發(fā)布實戰(zhàn)演練——制作登錄界面圖14-SEQ圖\*ARABIC\r11登錄界面強化訓練——制作簡歷表單圖14-SEQ圖\*ARABIC2簡歷表單知識準備認識表單表單：用于收集用戶在客戶端提交的信息，并將這些信息發(fā)送給服務器進行處理。如常見的搜索功能、用戶登錄功能、注冊功能等。組成：表單元素（也叫表單控件）、提示信息和表單域。圖14-SEQ圖\*ARABIC3表單的組成創(chuàng)建表單表單定義：<formaction="url地址"method="提交方式"name="表單名稱">各種表單元素</form>action屬性：接收表單數(shù)據(jù)的服務器程序的url地址。method屬性：表單數(shù)據(jù)的提交方式。（1）get：默認值，提交的表單數(shù)據(jù)將顯示在瀏覽器的地址欄中，保密性差，且有數(shù)據(jù)量的限制。（2）post：表單數(shù)據(jù)傳遞的保密性較好，并無數(shù)據(jù)量的限制。name屬性：定義表單的名稱。autocomplete屬性：控制表單自動完成功能的開啟和關閉。novalidate屬性：規(guī)定當提交表單時不對其進行驗證。第二學時（任務15過渡與變形屬性15.3input元素及屬性）知識準備input元素及屬性input元素：表單中最常用的元素，它可以定義單行文本輸入框、密碼輸入框、單選按鈕、復選框、提交按鈕、重置按鈕等。語法格式：<inputtype="控件類型"/>第三學時實戰(zhàn)演練——制作登錄界面案例描述：設計并制作網(wǎng)站登錄界面，網(wǎng)頁效果如下圖1所示。當光標移到按鈕上時，光標圖案和按鈕背景顏色會發(fā)生變化，如圖2所示。圖14-SEQ圖\*ARABIC4“登錄界面”網(wǎng)頁圖14-SEQ圖\*ARABIC5鼠標指針移至按鈕上時的效果圖14-SEQ圖\*ARABIC6“登錄界面”的網(wǎng)頁布局第四學時強化訓練——制作簡歷表單案例描述：設計并制作簡歷表單，網(wǎng)頁效果如下。圖14-SEQ圖\*ARABIC7“簡歷”表單圖14-SEQ圖\*ARABIC8“簡歷”表單的網(wǎng)頁布局課后實訓圖14-SEQ圖\*ARABIC9“會員登錄系統(tǒng)”表單圖14-SEQ圖\*ARABIC10用