我们应该使用
我们应该为每个输入
使用吗? ,即使是提交按钮,如果我们不想显示
标签
,也可以完全隐藏CSS。
或者不需要提交按钮的标签?
.hide {display:none}
<fieldset>
<legend>Search</legend>
<label for="Search">Search...</label>
<input value="" id="Search" name="Search">
<label for="Submit" class="hide">Submit</label>
<input type="submit" value="Go!" name="submit" id="submit">
</fieldset>
或者我们应该这样使用(没有提交标签)
<fieldset>
<legend>Search</legend>
<label for="Search">Search...</label>
<input value="" id="Search" name="Search">
<input type="submit" value="Go!" name="submit" >
</fieldset>
Should we use <label>
for every input
? , even for submit button and keep hidden thorough css if we don't want to show label
.
or no need of label for submit button?
.hide {display:none}
<fieldset>
<legend>Search</legend>
<label for="Search">Search...</label>
<input value="" id="Search" name="Search">
<label for="Submit" class="hide">Submit</label>
<input type="submit" value="Go!" name="submit" id="submit">
</fieldset>
or we should use like this (no label for submit)
<fieldset>
<legend>Search</legend>
<label for="Search">Search...</label>
<input value="" id="Search" name="Search">
<input type="submit" value="Go!" name="submit" >
</fieldset>
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
不可以。不要对具有固有标签文本的元素(例如各种按钮)使用标签。 (注意:使用
value
属性伪造标签不算在内)。请参阅有关该主题的 WCAG 部分的描述部分。
No. Don't use labels for elements which have intrinsic label text (e.g. all kinds of buttons). (Note: Faking a label with the
value
attribute doesn't count).See the description section of the WCAG section on the subject.
来自官方文档:
http://www.w3.org/TR/html4/ Interactive/forms.html#edef-LABEL
请注意,该术语是“可能是”,而不是“必须是”。但是,使用
标签
始终是一个好主意,因为出于可访问性原因以及对于在触摸屏设备上运行的浏览器来说,这非常方便。From the official documentation:
http://www.w3.org/TR/html4/interact/forms.html#edef-LABEL
Note that the term is "may be," not "must be." However, it is always a good idea to use a
label
because this turns out to be handy for accessibility reasons and for browsers running on touchscreen devices.