HTML初识——2

表单标签（下）

lable标签

1. 定义：lable标签为input元素定义标注(标签)；
2. 语法：用于绑定一个v、表单元素，当点击lable标签内的文本时，浏览器就会自动将焦点（光标）转到或者选择对应的表单元素上，用来增加用户体验；
3. 使用：lable标签的for属性应当与相关元素的**id属性相同；

<input type="radio" id="nan" name="sex"><label for="nan">男</label>
    <input type="radio" id="nv" name="sex"><label for="nv">女</label>

select下拉表单元素

1. 使用场景：在页面中，如果有多个选项让用户选择，并且想要节约页面空间时，我们可以使用select标签控件定义下拉列表；
2. 语法：

<select>
        <option>选项1</option>
        <option>选项2</option>
        <option selected>选项3</option>
        ……
    </select>

3. 注意：
   （1）.select中至少包含一对option；
   （2）在option中定义select="selected"时，当前即为默认选项；

textarea文本域元素

1. 使用场景：当用户输入内容较多的情况下，我们就不能简单地使用文本框表单了，此时我们可以使用<textarea>标签。、
   在表单元素中<textarea>标签是用于定义多行文本输入的控件；
   能使用多行文本输入控件，可以输入更多的文字，该控件常用于留言板、评论；
2. 语法：

<textarea cols="30" rows="10">
        文本内容
    </textarea>

3. 注意：

• 通过<textarea>标签可以轻松创建多行文本输入框；
• cols=“每行中的字符数”，rows=”显示的行数“，**我们在实际开发过程中不会使用，都是通过CSS来控制大小；

查阅文档

• 百度：http://www.baidu.com
• W3C：http://www.w3school.com.cn/
• MDN: https://developer.mozilla.org/zh-CN/