表格框架與表單ppt課件-資料下載頁
2025-01-15 10:45本頁面
【正文】 checked value=”復(fù)選框取值” checked表示此項被默認選中 value表示選中該復(fù)選框后傳送到服務(wù)器端的值。 input 單選框與復(fù)選框例 單選框、復(fù)選框示例： 圖例為頁面初始狀態(tài) 每一個復(fù)選框都是一個獨立的操作單位，它的選取與其他復(fù)選框狀態(tài)無關(guān)； 單選框要以組出現(xiàn)，一組中同時只能選中一個。 單選按鈕組 input 單選框與復(fù)選框 示例代碼： html headtitle選擇 /title/head body 請選擇你喜歡的水果： br form method = post input type=checkbox name=fruit1 value =apple1 蘋果 br input type=checkbox name=fruit2 value =orange1 checked桔子 br input type=checkbox name=fruit3 value =mango1芒果 brp/p input type=radio name=fruit value = Apple2蘋果 br input type=radio name=fruit value = Orange2 checked桔子 br input type=radio name=fruit value = Mango2芒果 brp/p input type=submit value=提交 input type=reset value=重置 input type=button value=返回 /form /body /html input 文件輸入框 當 type=file時，表示該輸入項是一個文件輸入框，用戶可以在文件輸入框的內(nèi)部填寫自己硬盤中的文件路徑，然后通過表單上傳。 語法格式如下： input type = file name =標識名 文件輸入框示例： 單擊文件輸入框提供的“瀏覽” 按鈕，便可彈出 “選擇文件” 對話框，指定上傳的文件 input 文件輸入框 文件輸入框示例代碼： html head title插入文件框 /title /head body form 請上傳您的照片： input type = file name = 姓名 br br input type=submit value=提交 input type=reset value=重置 /form /body /html select 選擇標記 在表單中，通過 select和 option標簽就可以在瀏覽器中出現(xiàn)一個下拉式的菜單或帶有滾動條的列表菜單。 其語法格式如下： select name = 標識名 size = value multiple option value = value selected選項值 option value = value選項值 …… /select 說明： size屬性表示顯示的菜單項數(shù)目。 multiple屬性表示列表中的項目允許多選（否則只能單選） select標記中的每一個 option標記代表一個菜單項 select 選擇標記 選擇標記示例： 代碼： html headtitle選擇 /title/head body form 你最喜歡的水果是： select name=fruit size = 3 multiple option value=apple蘋果 option value=orange桔子 option value=mango芒果 option value=banana香蕉 /select input type=submit value=提交 /form /body /html textarea 多行文本框 textarea標簽用來制作多行文本框，這個標簽是個成對標簽。 語法格式如下： textarea name = 標識名 rows = value cols = value value = value 屬性說明： rows用來設(shè)定多行文本框一次能顯示的行數(shù) cols 用來設(shè)定多行文本框一次能顯示的列數(shù) value用來設(shè)定多行文本框的初始文本。 textarea 多行文本框 多行文本框示例： 示例代碼： html head title請?zhí)釋氋F意見 /title /head body form 請?zhí)釋氋F意見： br textarea name=yoursuggest cols =50 rows = 10 /textareabr p/p input type=submit value=提交 /form /body /html 本章小結(jié) 表單的相關(guān)概念 表單中 form標簽的屬性及其用法 input標簽、 select標簽、 option標簽和textarea標簽的相關(guān)用法
教學(xué)課件相關(guān)推薦
鄂ICP備17016276號-1