1. form元素

action: 提交到服務(wù)器的地址
method：提交表單使用的方法，一般有g(shù)et和post兩種

<from action="提交到服務(wù)器地址" method="get/post"></from>

2. 文本框

<input id="name" type="text" name="name" placeholder="用戶名">

3. 多行文本框

<textarea id="comments" name="comments" cols="40" rows="15" placeholder="ddd"></textarea>

4. 密碼框

<input id="password" name="password" type="password" placeholder="密碼">

5. 單選

<div>
        <label>性別：</label>
        <input type="radio" name="gender" id="male" value="男" checked="">
        <label for="male">男</label>
        <input type="radio" name="gender" id="female" value="女">
        <label for="female">女</label>
    </div>

6. 多選

<div>
        <label>愛好：</label>
        <input id="radio-dota" name="hobbies" value="dota" type="checkbox">
        <input id="radio-travel" name="hobbies" value="旅游" type="checkbox" checked="">
        <input id="radio-pets" name="hobbies" value="寵物" type="checkbox" checked="">
    </div>

7. 隱藏域

<input type="hidden" name="#1234" value="abcd">

8. 下拉列表

<select name="mycar">
    <option value="薩博" selected="">薩博</option>
    <option value="寶馬">寶馬</option>
    <option value="奔馳">奔馳</option>
</select>

9. 按鈕

<button>提交</button>
<input type="buttom" value="按鈕">
<input type="submit" value="提交">
<input type="reset" value="重置">

10. 上傳文件

<input type="file" name="pic" accept="定義上傳文件類型 Ex.'image/*'">

11. label：當(dāng)鼠標(biāo)選擇該標(biāo)簽時，關(guān)聯(lián)的元素控件會獲得焦點(diǎn)，for 屬性與關(guān)聯(lián)元素的 id 屬性要相同。

<div class="username">
    <label for="username">姓名</label>
    <input id="username" type="text" name="username" placeholder="用戶名">
</div>