HTML中的表單大多數(shù)用form表單來(lái)收集用戶的數(shù)據(jù)，將用戶填寫(xiě)的數(shù)據(jù)通過(guò)get或者post的方式傳遞出去，下面簡(jiǎn)單介紹form表單中的幾種常見(jiàn)的標(biāo)簽

工具/材料

瀏覽器

操作方法

• 01

  新建一個(gè)HTML文件，命名為myExam.html

  
• 02

  演示的標(biāo)簽有輸入文本，對(duì)應(yīng)的標(biāo)簽是type=text，代碼實(shí)例,頁(yè)面效果如下

  
• 03

  下一個(gè)常用的標(biāo)簽，單選功能，radio，對(duì)應(yīng)的代碼實(shí)例和頁(yè)面效果如下

  
• 04

  多選標(biāo)簽，checkbox,提供多選的功能，對(duì)應(yīng)的代碼實(shí)例和頁(yè)面效果如下

  
• 05

  當(dāng)頁(yè)面完成輸入后，需要將所填數(shù)據(jù)傳給處理層，以get方式為例，通過(guò)submit提交，對(duì)應(yīng)的代碼實(shí)例和頁(yè)面效果如下

  
• 06

  關(guān)于form表單，支持的標(biāo)簽如下圖

  
• 07

  本例中完整代碼和頁(yè)面效果如下，僅供參考

  

聲明：本篇經(jīng)驗(yàn)系酷知網(wǎng)「www.coozhi.com」原創(chuàng)，轉(zhuǎn)載請(qǐng)注明出處。