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

來源:酷知科普網 6.03K

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張
熱門標籤