表格框架與表單ppt課件(參考版)
2025-01-18 10:45本頁(yè)面
【正文】 textarea 多行文本框 多行文本框示例： 示例代碼： html head title請(qǐng)?zhí)釋氋F意見(jiàn) /title /head body form 請(qǐng)?zhí)釋氋F意見(jiàn)： br textarea name=yoursuggest cols =50 rows = 10 /textareabr p/p input type=submit value=提交 /form /body /html 本章小結(jié) 表單的相關(guān)概念 表單中 form標(biāo)簽的屬性及其用法 input標(biāo)簽、 select標(biāo)簽、 option標(biāo)簽和textarea標(biāo)簽的相關(guān)用法 。 multiple屬性表示列表中的項(xiàng)目允許多選（否則只能單選） select標(biāo)記中的每一個(gè) option標(biāo)記代表一個(gè)菜單項(xiàng) select 選擇標(biāo)記 選擇標(biāo)記示例： 代碼： 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標(biāo)簽用來(lái)制作多行文本框，這個(gè)標(biāo)簽是個(gè)成對(duì)標(biāo)簽。 語(yǔ)法格式如下： input type = file name =標(biāo)識(shí)名 文件輸入框示例： 單擊文件輸入框提供的“瀏覽” 按鈕，便可彈出 “選擇文件” 對(duì)話框，指定上傳的文件 input 文件輸入框 文件輸入框示例代碼： html head title插入文件框 /title /head body form 請(qǐng)上傳您的照片： input type = file name = 姓名 br br input type=submit value=提交 input type=reset value=重置 /form /body /html select 選擇標(biāo)記 在表單中，通過(guò) select和 option標(biāo)簽就可以在瀏覽器中出現(xiàn)一個(gè)下拉式的菜單或帶有滾動(dòng)條的列表菜單。 input 單選框與復(fù)選框例 單選框、復(fù)選框示例： 圖例為頁(yè)面初始狀態(tài) 每一個(gè)復(fù)選框都是一個(gè)獨(dú)立的操作單位，它的選取與其他復(fù)選框狀態(tài)無(wú)關(guān)； 單選框要以組出現(xiàn)，一組中同時(shí)只能選中一個(gè)。復(fù)選框通常有兩種狀態(tài)，選中或未選中。 value：表示選中該單選框后傳送到服務(wù)器端的值。 checked：表示此項(xiàng)被默認(rèn)選中（它沒(méi)有屬性值，起選中標(biāo)志作用）。 其語(yǔ)法格式為： input type = “radio” name = “標(biāo)識(shí)名” checked value = “單選框取值” name：?jiǎn)芜x框標(biāo)識(shí)名。 當(dāng) type = radio時(shí)，表示輸入項(xiàng)是一個(gè)單選框。 input 按鈕 按鈕示例 input 按鈕 html head title按鈕種類示例 /title /head body h1注冊(cè) /h1 form name=register method=post action= 用戶： input type=text name=username size=20br 密碼： input type=password name=password size=21br hr color = red input type=button name=button1 value=普通按鈕 input type=submit name=submit1 value=提交按鈕 input type=reset name=reset1 value=重置按鈕 /form /body /html 注：界面上單擊按鈕后的動(dòng)作效果會(huì)在后續(xù)章節(jié)及后續(xù)課程中講述。 input 單行文本框 單行文本框示例： input 單行文本框 單行文本框示例代碼： html head title輸入用戶姓名 /title /head body form 請(qǐng)輸入你的姓名： input type=text name=yourname size = 30 maxlength =100 value=在此輸入 input type=submit value=提交 /form /body /html input 密碼輸入框 input標(biāo)簽的 type屬性的值為 password時(shí)，表示該輸入項(xiàng)為密
教學(xué)課件相關(guān)推薦
鄂ICP備17016276號(hào)-1