label标签说明
HTML
- 标签文本不仅与其相应的文本输入元素在视觉上相关联,程序中也是如此。这意味着,当用户聚焦到这个表单输入元素时,屏幕阅读器可以读出标签,让使用辅助技术的用户更容易理解应输入什么数据
- 你可以点击关联的标签来聚焦或者激活这个输入元素,就像直接点击输入元素一样。这扩大了元素的可点击区域,让包括使用触屏设备在内的用户更容易激活这个元素。
如何关联
1 第一种关联方式
将一个
2 第二种关联方式
可以将直接放在
<label>Do you like peas?<input type="checkbox" name="peas" />
</label>
label标签是一个行内元素,可以遵循设置行内标签样式的设置规范