表單用于接收用戶(hù)輸入的數(shù)據(jù)刘急，然后將數(shù)據(jù)提交給服務(wù)器做相應(yīng)的處理淹仑，使得HTML頁(yè)面具有了交互性。

form標(biāo)簽中的各個(gè)標(biāo)簽都是一個(gè)完整的控件扁达，用于接收各種類(lèi)型的數(shù)據(jù)，并上傳到服務(wù)器蠢熄；都有name和value屬性跪解，name表示該控件的名稱(chēng)，value表示該控件接收到的數(shù)據(jù)签孔，提交時(shí)兩者一起提交到服務(wù)器叉讥，這樣服務(wù)器就知道哪個(gè)數(shù)據(jù)屬于哪個(gè)控件，對(duì)其采取相對(duì)于的處理饥追。

常見(jiàn)用法：

//action表示提交給哪個(gè)后臺(tái)處理頁(yè)面图仓；method表示提交采用的方法：get方法用于獲取數(shù)據(jù)，提交的數(shù)據(jù)不保密顯示在地址欄但绕；
//post方法用于上傳數(shù)據(jù)救崔，提交的數(shù)據(jù)保密。target表示提交后的新頁(yè)面在哪里打開(kāi)
<form action="/abc.html" method="get" target="_blank">
    //接收小段字符捏顺，不可以換行六孵；label標(biāo)簽for屬性值為對(duì)應(yīng)的標(biāo)簽id屬性值，當(dāng)點(diǎn)擊label標(biāo)簽時(shí)草丧，效果同點(diǎn)擊其對(duì)應(yīng)的input標(biāo)簽
    <label for="username">姓名：</label><input type="text" name="username" id="username" placeholder="張三">
    //接收小段字符狸臣，默認(rèn)顯示為圓點(diǎn)，不可以換行昌执；label標(biāo)簽for屬性值為對(duì)應(yīng)的標(biāo)簽id屬性值烛亦，當(dāng)點(diǎn)擊label標(biāo)簽時(shí)，效果同點(diǎn)擊其對(duì)應(yīng)的input標(biāo)簽
    <label for="userpassword">密碼：</label><input type="password" name="userpassword" id="userpassword" placeholder="密碼">
    <br>
    //單選懂拾，注意name要一致煤禽；checked表示默認(rèn)選擇
    男：<input type="radio" name="sex" value="male" checked> //單選，注意name要一致
    <br>
    女：<input type="radio" name="sex" value="female"> //單選岖赋，注意name要一致
    <br>
    <label>愛(ài)好：</label> //多選檬果，注意name要一致;checked表示默認(rèn)選擇
    讀書(shū)<input type="checkbox" name="hobby" value="讀書(shū)" checked>
    聽(tīng)歌<input type="checkbox" name="hobby" value="聽(tīng)歌">
    看電影<input type="checkbox" name="hobby" value="看電影">
    <br>
    <label>居住地：</label>
    <select name="city" id="city"> //下拉菜單，單選唐断；設(shè)置selected屬性的為默認(rèn)選項(xiàng)选脊，否則為第一項(xiàng)beijing
        <option value="beijing">北京</option>
        <option value="shenzhen">深圳</option>
        <option value="shanghai" selected>上海</option>
    </select>
    <br>
    <label>上傳文件</label>
    <input type="file" name="userfile" accept="image/gif"> //上傳文件，accept表示接收的文件類(lèi)型脸甘，其他類(lèi)型不接收
    <br>
    <input type="hidden" name="protect" value="random-value">
    //該控件是隱藏的恳啥，頁(yè)面渲染時(shí)，value值由服務(wù)器隨機(jī)提供丹诀；提交時(shí)钝的，value會(huì)一并提交給服務(wù)器翁垂，服務(wù)器可以檢驗(yàn)value是否遭到篡改，提升了安全性硝桩。
    <br>
    <label>個(gè)人描述：</label>
    <textarea name="describe" id="" cols="30" rows="10"></textarea> //接收大段字符沿猜，可以換行
    <br>
    <input type="button" name="button">點(diǎn)擊我默認(rèn)沒(méi)有任何動(dòng)作 //默認(rèn)沒(méi)有任何后續(xù)功能
    <br>
    <button>提交</button>
    //button標(biāo)簽放在form標(biāo)簽中時(shí)，具有提交功能
    <br>
    <input type="submit"> //form標(biāo)簽常規(guī)的提交
    <br>
    <input type="reset"> //重置數(shù)據(jù)
</form>