【文章內(nèi)容簡介】 ： 任務(wù)三 使用代碼制作表單網(wǎng)頁 目錄 上一頁 下一頁 退出 在上文代碼的 form…… 和 /form之間添加如下代碼。 pto:學海無涯 / p pfrom: input type=text name=username size=20 value=您的大名 / p p 性別： 男 /p input type=radio name=sex value=男 男 input type=radio name=sex value=女 女 /p 文本字段語句格式 單選按鈕的語句格式 任務(wù)三 使用代碼制作表單網(wǎng)頁 目錄 上一頁 下一頁 退出 3．添加下拉式菜單 在表單“ form1”中添加下拉菜單后預覽效果如下圖所示。 任務(wù)三 使用代碼制作表單網(wǎng)頁 目錄 上一頁 下一頁 退出 在上一步所添加代碼的后邊添加下面代碼： p學歷 : select name=edu option selected初中 /初中以下 /option option高中 /中專 /技校 /option option大專 /option option本科 /option option研究生 /option option博士 /博士以上 /option /select/p 菜單或列表語句格式 任務(wù)三 使用代碼制作表單網(wǎng)頁 目錄 上一頁 下一頁 退出 4．添加復選框 在表單“ form1”中添加復選框后預覽效果如下圖所示。 在上一步所添加代碼的后邊添加下面代碼： p興趣： input type=checkbox name=interst value=看書 看書 input type=checkbox name=interst value=體育 體育 input type=checkbox name=interst value=購物 購物 input type=checkbox name=interst value=上網(wǎng) 上網(wǎng) input type=checkbox name=interst value=其他 其他 /p 復選框語句格式 任務(wù)三 使用代碼制作表單網(wǎng)頁 目錄 上一頁 下一頁 退出 5．添加多行文本區(qū)域 在表單“ form1”中添加多行文本區(qū)域后預覽效果如下圖所示。 在上一步所添加代碼的后邊添加下面代碼： p textarea name=ment rows=8 cols=60hello~ /textarea p 多行文本區(qū)域語句格式 任務(wù)三 使用代碼制作表單網(wǎng)頁 目錄 上一頁 下一頁 退出 6．添加“發(fā)送”和“重置”按鈕 在表單“ form1”中添加“發(fā)送”和“重置”按鈕后預覽效果如下圖所示。 在上一步所添加代碼的后邊添加下面代碼： p input type=submit value=發(fā)送 input type=reset value=重置 /p “發(fā)送”和“重置”按鈕 語句格式 任務(wù)三 使用代碼制作表單網(wǎng)頁 目錄 上一頁 下一頁 退出 任務(wù)小結(jié) 1．使用 HTML代碼在網(wǎng)頁中添加表單。 2．使用 HTML代碼在網(wǎng)頁中添加文本字段。 3．使用 HTML代碼在網(wǎng)頁中添加單選按鈕。 4．使用 HTML代碼在網(wǎng)頁中添加下拉式菜單。 5．使用 HTML代碼在網(wǎng)頁中添加復選框。 6．使用 HTML代碼在網(wǎng)頁中添加多行文本區(qū)域。 7．使用 HTML代碼在網(wǎng)頁中添加“發(fā)送”和“重置”按鈕。 任務(wù)三 使用代碼制作表單網(wǎng)頁 目錄 上一頁 下一頁 退出 舉一反三 創(chuàng)建網(wǎng)頁“ ”，將如下圖所示的頁面瀏覽效果轉(zhuǎn)換為 HTML代碼。 1．啟發(fā)思路： 在分析網(wǎng)頁時注意個表單元素的語句格式。 2．分組完成任務(wù)。 任務(wù)三 使用代碼制作表單網(wǎng)頁 目錄 上一頁 下一頁 退出 作業(yè)： 1．說出下列指令的頁面瀏覽效果。 form input type=checkbox name=interst商業(yè)顧問 input type=checkbox name=interst經(jīng)紀業(yè)務(wù) input type=checkbox name=interst房地產(chǎn)業(yè) input type=checkbox name=interst加盟業(yè)務(wù) input type=checkbox name=interst營運業(yè)務(wù) /form 任務(wù)三 使用代碼制作表單網(wǎng)頁 目錄 上一頁 下一頁 退出 2．說出下列指令的頁面瀏覽效果。 form input type=radio name=job資訊 input type=radio name=job金融 input type=radio name=job保險 input type=radio name=job制造 input type=radio name=job運輸 input type=radio name=job服務(wù) input type=radio name=job貿(mào)易 input type=“ radio” name=“ job” 出版 /form 任務(wù)三 使用代碼制作表單網(wǎng)頁 相關(guān)知識： 1．當頁面處于“設(shè)計”視圖時，表單用紅色虛線框表示，如果沒有看見紅色虛線框，可以勾選菜單欄“查看” → “可視化助理” → “不可見元素”選項。 。 任務(wù)一 插入表單 任務(wù)一 插入表單 2 ．表單屬性面板參數(shù)介紹。 “表單名稱”：標識表單的唯一名稱，該名稱可以在腳本語言中引用，不設(shè)置時，系統(tǒng)自動為表單命名為 form+N。 “動作”：設(shè)