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


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM