表單作用：收集信息提交給服務器

表單需要用form標簽包圍

<from action="URL" method="get/post"></from>

單選，相同的name為一組

1組
<input type="radio" name="sex" value="man" >男
<input type="radio" name="sex" value="woman">女

2組
<input type="radio" name="sex1" value="man" >男
<input type="radio" name="sex1" value="woman">女

多選type="checkbox"，<label> 標簽包圍點文字也可以選擇

<label><input type="checkbox" name=""value="dota">dota</label>
<label><input type="checkbox" name="" value="旅游" checked>旅游</label>
<label><input type="checkbox" name="" value="寵物" checked>寵物</label>

密碼框

<input type="password" name="" placeholder="請輸入密碼">

單行文本框

<input type="text" name="" placeholder="請輸入信息">

多行文本框

<textarea name="" cols="10" rows="5" >
        請輸入信息
</textarea>

下拉菜單欄

<select>
    <option value="beijing">北京</option>
    <option value="shanghai" selected>上海</option>
    <option value="hangzhou">杭州</option>
</select>

隱藏域，檢驗是否安全

<input type="hidden" name="" value="">

上傳文件

<input type="file" name="" accept="定義上傳文件類型">

按鈕

<button>提交</button>
<input type="buttom" value="按鈕">

提交按鈕

<input type="submit" value="提交">

重置按鈕

<input type="reset" value="重置">