網站首頁 健康小知識 母嬰教育 起名 運動知識 職場理財 情感生活 綠色生活 遊戲數碼 美容 特色美食 愛好

學習html製作網頁:表單試題及代碼

欄目: IT技術 / 發佈於: / 人氣:5.72K

HTML中的表單大多數用form表單來收集用户的數據,將用户填寫的數據通過get或者post的方式傳遞出去,下面簡單介紹form表單中的幾種常見的標籤

工具/材料

瀏覽器

操作方法

新建一個HTML文件,命名為

學習html製作網頁:表單試題及代碼

演示的標籤有輸入文本,對應的標籤是type=text,代碼實例,頁面效果如下

學習html製作網頁:表單試題及代碼 第2張
學習html製作網頁:表單試題及代碼 第3張

下一個常用的標籤,單選功能,radio,對應的代碼實例和頁面效果如下

學習html製作網頁:表單試題及代碼 第4張
學習html製作網頁:表單試題及代碼 第5張

多選標籤,checkbox,提供多選的功能,對應的代碼實例和頁面效果如下

學習html製作網頁:表單試題及代碼 第6張
學習html製作網頁:表單試題及代碼 第7張

當頁面完成輸入後,需要將所填數據傳給處理層,以get方式為例,通過submit提交,對應的代碼實例和頁面效果如下

學習html製作網頁:表單試題及代碼 第8張
學習html製作網頁:表單試題及代碼 第9張

關於form表單,支持的標籤如下圖

學習html製作網頁:表單試題及代碼 第10張

本例中完整代碼和頁面效果如下,僅供參考

學習html製作網頁:表單試題及代碼 第11張
學習html製作網頁:表單試題及代碼 第12張