label标签表示用户界面中某个元素的说明
label标签和input元素关联主要主要额有点
- 标签文本不仅与其相关的文本输入元素的视角上相关联,当用户聚焦到这个表单输入元素时,屏幕阅读器可以读出标签,可以让用户知道要输入的时什么数据
- 可以点击关联的标签来聚焦或者激活这个输入元素,就像直接点击输入元素一样,这扩大了元素的可点击区域,让包括使用触屏设备在内的用户更容易激活这个元素
怎么实现呢?
将一个label和input元素匹配在一起,需要input一个id属性,而label需要一个for属性,其值和input的id一样。
另外可以将input直接放在label里,此时就不需要for和id属性
<label for="username">Click me</label> <input type="text" id="username">