label
<label>
<label>标签是一个行内元素,提供控件的文字说明
与控件绑定
<label> 最大的优势是增加控件的可用性,有些控件比较小(比如单选框),不容易点击,那么点击对应的<label>标签,也能选中该控件
- 点击
<label>,就相当于控件本身的click事件
有两种方式可以实现 <label> 和控件的绑定
<label>的for属性关联相对应的控件,它的值是对应控件的id属性- 控件也可以放在
<label>之中
与 form 绑定
当 <label> 标签添加 from 属性,并且值为表单的 id 属性
设置了该属性后,<label>可以放置在页面的任何位置,否则只能放在<form>内部