当前位置:  开发笔记 > 编程语言 > 正文

什么是标签标签中的"for"?

如何解决《什么是标签标签中的"for"?》经验,为你挑选了5个好方法。

只是for在HTML标签标签中遇到参数:


*

我正在将此表单转换为PHP处理过的脚本,我可以摆脱for =参数吗?(出于好奇,它做了什么?)



1> Jonas..:

来自w3schools.org:

标签定义输入元素的标签.

label元素不会呈现给用户任何特殊内容.但是,它为鼠标用户提供了可用性改进,因为如果用户单击label元素中的文本,它将切换控件.

标记的for属性应该等于相关元素的id属性以将它们绑定在一起.

HTH!

添加我的$ .02作为辅助功能SME - 以及可用性,LABEL还将输入字段与正确的标签相关联,因此使用屏幕阅读器的人将知道该字段的用途.


+1`如果用户点击label元素中的文本,它会切换控件

2> Bill the Liz..:

HTML标签标签定义表单元素的标签.它们通常与复选框和单选按钮一起使用,当用户单击标签时,它会切换按钮.使用文本输入(您必须检查这一点以确定)我认为它只会在用户单击标签时关注输入.



3> Pawel Krakow..:

它指定标签绑定到哪个元素.在您的示例代码的标签是有针对需要,名字输入字段.如果用户单击该标签,焦点将转到绑定的输入字段.这是一个可用性改进,我认为你最好离开它.这是一个很好的做法.



4> VirtuosiMedi..:

它将标签绑定到表单元素id.某些表单元素(如复选框)可以通过单击其标签来激活.



5> 小智..:

"for"属性是表单可访问性的必要元素.不要忽略它.对于使用屏幕阅读器(SR)向其宣布网页的人,"for"属性将控件与标签相关联.通常,SR用户将通过表单从一个控件(SR的可聚焦元素)到下一个控件进行制表.如果没有"for"属性,SR用户将不得不更改SR上的模式并在表单周围进行探测,以尝试确定哪个控件与哪个标签匹配,这可能非常耗时且令人困惑."for"属性也可用于与电机问题相关的辅助技术.

WebAIM.org有一个很好的页面,解释了"for"的可访问性后果:http://webaim.org/techniques/forms/controls

推荐阅读
手机用户2502851955
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有