HTML基础知识（10）

2.1 button按钮标签

Ø 场景：在网页中显示用户点击的按钮
Ø 标签名：button
Ø type属性值（同input的按钮系列）：

Ø 注意点：
• 谷歌浏览器中button默认是提交按钮
• button标签是双标签，更便于包裹其他内容：文字、图片等

3.1 select下拉菜单

Ø 场景：在网页中提供多个选择项的下拉菜单表单控件
Ø 标签组成：
• select标签：下拉菜单的整体
• option标签：下拉菜单的每一项
Ø 常见属性：
• selected：下拉菜单的默认选中

样式：

代码：

 <select >
        <option >北京</option>
        <option  >上海</option>
        <option >南京</option>
        <option >天津</option>
    </select>

3.1.1 textarea文本域

Ø 场景：在网页中提供可输入多行文本的表单控件
Ø 标签名：textarea
Ø 常见属性：
• cols：规定了文本域内可见宽度
• rows：规定了文本域内可见行数
Ø 注意点：
• 右下角可以拖拽改变大小
• 实际开发时针对于样式效果推荐用CSS设置

代码

<textarea cols="30" rows="30"   vale>提示内容</textarea>

4.1.1 label标签

Ø 场景：常用于绑定内容与表单标签的关系
Ø 标签名：label
Ø 使用方法①：
1. 使用label标签把内容（如：文本）包裹起来
2. 在表单标签上添加id属性
3. 在label标签的for属性中设置对应的id属性值
Ø 使用方法②：
1. 直接使用label标签把内容（如：文本）和表单标签一起包裹起来
2. 需要把label标签的for属性删除即

代码：

姓名：
    <input type="radio" name="sex" id="na"> <label for="na">男</label>

    <label><input type="radio" name="sex" >女</label>