表单标签(下)
lable标签
- 定义:lable标签为input元素定义标注(标签);
- 语法:用于绑定一个v、表单元素,当点击lable标签内的文本时,浏览器就会自动将焦点(光标)转到或者选择对应的表单元素上,用来增加用户体验;
- 使用: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下拉表单元素
- 使用场景:在页面中,如果有多个选项让用户选择,并且想要节约页面空间时,我们可以使用select标签控件定义下拉列表;
- 语法:
<select>
<option>选项1</option>
<option>选项2</option>
<option selected>选项3</option>
……
</select>
- 注意:
(1).select中至少包含一对option;
(2)在option中定义select="selected"时,当前即为默认选项;
textarea文本域元素
- 使用场景:当用户输入内容较多的情况下,我们就不能简单地使用文本框表单了,此时我们可以使用
<textarea>
标签。、
在表单元素中<textarea>
标签是用于定义多行文本输入的控件;
能使用多行文本输入控件,可以输入更多的文字,该控件常用于留言板、评论; - 语法:
<textarea cols="30" rows="10">
文本内容
</textarea>
- 注意:
- 通过
<textarea>
标签可以轻松创建多行文本输入框; - cols=“每行中的字符数”,rows=”显示的行数“,**我们在实际开发过程中不会使用,都是通过CSS来控制大小;
查阅文档
- 百度:http://www.baidu.com
- W3C:http://www.w3school.com.cn/
- MDN: https://developer.mozilla.org/zh-CN/