表單在網頁中主要負責數據采集功能html中使用form標簽完成。表單標簽其實是一組標簽的組合，不是一個標簽。表單元素是允許用戶在表單中（比如：輸入框、文本域、下拉列表、單選框、復選框等等）輸入信息的元素。

在html中使用來定義表單：

常見的表單元素有：

在form標簽中經常使用其他標簽：

input主要是用來讓用戶輸入數據的標簽。input標簽中的type屬性，可以設置當前讓用戶輸入的數據填寫的類型

input標簽的type屬性

type=“text” 文本框 ，主要用于讓用戶輸入可見的數據，input的默認屬性；

type=“password” 密碼框，主要用于讓用戶輸入不可見的數據

type=“radio” 單選按鈕，這個一般是讓用戶選擇的，注意name屬性必須一致

type=“checkbox” 復選框，用戶可以選擇多個條件

type=“file” 選擇文件，可以把本地的文件上傳到服務器

type=“submit” 提交， 提交整個form表單中的數據到服務端

type=“reset” 重置，把form表單中的數據重置到初始狀態

type=“button” 按鈕，就是一個簡單按鈕，沒有任何的點擊效果

type=“image” 圖片，可以代替submit提交

type=“hidden” 隱藏數據，頁面上不會顯示，但是這個數據依然會在選擇提交的時候提交給服務端

下拉框，需要和option標簽一起使用

? 文本區域，其中rows文本區域顯示的多少行，cols用于顯示文本區域每行多少列

<!--<font></font><span>簡單的字體</span>--><!-- 核心表單 ：表單標簽 form是一組標簽 。 作用 ：收集數據，輸入框，單選框，多選框，下拉框，密碼框，文本框，上傳提交按鈕，重置按鈕input : 用戶輸入一些文本信息， 默認是type="text"type="password" ： 密碼框，輸入 的內容不可見type="radio" 單選框，一定要給出name的屬性值，并且一定要一樣,checked="checked" 默認選中的效果type="checkbox" 多選框type="hidden" ：隱藏的按鈕select ： 下拉框，配合option一起使用, selected="selected"默認選中的效果textarea : 文本區域button ： 簡單的一個按鈕記住 ： 千萬不要高估用戶的智商，能簡單的就簡單點，能點的就不要手寫1：只要是用戶手動的輸入的，都需要給一個屬性值name2：只要不是用戶手動輸入的，單選，多選，下拉，一定要給一個value的屬性值--><form><input type="hidden" value="你看不到我" />用戶名：<input type="text" id="username" name="username"/><br>密碼：<input type="password" id="pwd" name="password" /><br>性別：<input type="radio" checked="checked" name="sex" value="男"/>男<input type="radio" name="sex" value="女"/>女<br>愛好：<input type="checkbox" name="hobby" value="穿墻術"/>穿墻術<input type="checkbox" name="hobby" value="隱身術"/>隱身術<input type="checkbox" name="hobby" value="七十二變"/>七十二變<input type="checkbox" name="hobby" value="java"/>java<br>籍貫：<select name="nal"><option value="南京">南京</option><option selected="selected" value="重慶">重慶</option><option value="成都">成都</option><option value="杭州">杭州</option></select><br>自我介紹：<textarea cols="20" rows="5"></textarea><br>出生日期：<input type="date" />靚照上傳: <input type="file" name="" id="" value="" /><input type="reset" /><input type="submit" value="立即登錄"/><button>簡單的按鈕</button></form>

總結

以上是生活随笔為你收集整理的网站注册表单的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。