2. button 按钮标签

按钮标签的 type 属性值同 input 的按钮系列：

button 是双标签，更利于包裹内容，在谷歌浏览器中，button 默认是提交按钮。

<body>
    <button>普通按钮</button>
    <button type="reset">提交按钮</button>
    <button type="reset">重置按钮</button>
    <button type="button">普通按钮</button>
</body>

3. select 下拉菜单标签

下拉菜单表单控件提供多个选择项，由 select 标签和 option 标签组成，其中，select 标签是下拉菜单的整体，option 标签是下拉菜单的每一项，option 标签被 select 标签包裹。

常见属性是 selected ，意思是默认选中下拉菜单中的某一项。

    城市：
    <select>
        <option>北京</option>
        <option selected>上海</option>
        <option>广东</option>
    </select>

4. textarea 文本域标签

可输入多行文本的表单控件，右下角可拖拽改变大小，实际开发中，推荐使用 CSS 设置样式效果

<textarea cols="30" rows="10"></textarea>

5. label 标签

label 标签常用于绑定内容与表单标签的关系，绑定之后直接点击此内容即可选中，有以下两种使用方式：

（1）用 label 标签把内容包裹起来，然后在表单标签上添加 id 属性，最后在 label 标签的 for 属性中设置对应的 id 属性值。

（2）直接用 label 标签把内容和表单标签一起包裹起来，此时不需要 id 属性和 for 属性。

<body>
  <!-- 方式一 -->
  <input type="radio" name="性别" id="fale"><label for="fale">男</label>
  <!-- 方式二 -->
  <label><input type="radio" name="性别">女</label>
</body>

九、表单标签之按钮标签、下拉菜单标签、文本域标签、label标签

2. button 按钮标签

3. select 下拉菜单标签

4. textarea 文本域标签

5. label 标签