label标签、label标签和input标签关联

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">

__EOF__

本文作者：我爱学习
本文链接：https://www.cnblogs.com/CHEN-JING-YANG/p/16121541.html
关于博主：评论和私信会在第一时间回复。或者直接私信我。
版权声明：本博客所有文章除特别声明外，均采用 BY-NC-SA 许可协议。转载请注明出处！
声援博主：如果您觉得文章对您有帮助，可以点击文章右下角【推荐】一下。您的鼓励是博主的最大动力！