學(xué)習(xí)html制作網(wǎng)頁(yè):表單試題及代碼
墨羽塵曦
HTML中的表單大多數(shù)用form表單來(lái)收集用戶的數(shù)據(jù),將用戶填寫(xiě)的數(shù)據(jù)通過(guò)get或者post的方式傳遞出去,下面簡(jiǎn)單介紹form表單中的幾種常見(jiàn)的標(biāo)簽
工具/材料
瀏覽器
新建一個(gè)HTML文件,命名為myExam.html
演示的標(biāo)簽有輸入文本,對(duì)應(yīng)的標(biāo)簽是type=text,代碼實(shí)例,頁(yè)面效果如下
下一個(gè)常用的標(biāo)簽,單選功能,radio,對(duì)應(yīng)的代碼實(shí)例和頁(yè)面效果如下
多選標(biāo)簽,checkbox,提供多選的功能,對(duì)應(yīng)的代碼實(shí)例和頁(yè)面效果如下
當(dāng)頁(yè)面完成輸入后,需要將所填數(shù)據(jù)傳給處理層,以get方式為例,通過(guò)submit提交,對(duì)應(yīng)的代碼實(shí)例和頁(yè)面效果如下
關(guān)于form表單,支持的標(biāo)簽如下圖
本例中完整代碼和頁(yè)面效果如下,僅供參考