码迷,mamicode.com
首页 > 其他好文 > 详细

<label> 元素

时间:2020-10-24 10:01:33      阅读:10      评论:0      收藏:0      [点我收藏+]

标签:属性   nbsp   bsp   辅助   表单元素   ati   value   最好   ber   

 <label> 元素

正如我们在前一篇文章中看到的, <label> 元素是为HTML表单小部件定义标签的正式方法。如果你想构建可访问的表单,这是最重要的元素——当实现的恰当时,屏幕阅读器会连同有关的说明和表单元素的标签一起朗读。以我们在上一篇文章中看到的例子为例:

<label for="name">Name:</label> <input type="text" id="name" name="user_name">

<label> 标签与 <input> 通过他们各自的for 属性和 id 属性正确相关联(label的for属性和它对应的小部件的id属性),这样,屏幕阅读器会读出诸如“Name, edit text”之类的东西。

如果标签没有正确设置,屏幕阅读器只会读出“Edit text blank”之类的东西,这样会没什么帮助。

注意,一个小部件可以嵌套在它的<label>元素中,就像这样:

<label for="name">
  Name: <input type="text" id="name" name="user_name">
</label>

尽管可以这样做,但人们认为设置for属性才是最好的做法,因为一些辅助技术不理解标签和小部件之间的隐式关系。

<label> 元素

标签:属性   nbsp   bsp   辅助   表单元素   ati   value   最好   ber   

原文地址:https://www.cnblogs.com/furuihua/p/13864721.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有 京ICP备13008772号-2
迷上了代码!