【基础知识10】label与input标签

label标签说明

HTML元素表示用户界面中某个元素的说明
将一个和一个元素相关联主要有这些优点：

• 标签文本不仅与其相应的文本输入元素在视觉上相关联，程序中也是如此。这意味着，当用户聚焦到这个表单输入元素时，屏幕阅读器可以读出标签，让使用辅助技术的用户更容易理解应输入什么数据
• 你可以点击关联的标签来聚焦或者激活这个输入元素，就像直接点击输入元素一样。这扩大了元素的可点击区域，让包括使用触屏设备在内的用户更容易激活这个元素。

如何关联

1 第一种关联方式

将一个和一个元素匹配在一起，你需要给一个id属性。而需要一个for属性，其值和的id一样

2 第二种关联方式

可以将直接放在里，此时则不需要for和id属性，因为关联已隐含存在

<label>Do you like peas?<input type="checkbox" name="peas" />
</label>

label标签是一个行内元素,可以遵循设置行内标签样式的设置规范