没有相关的标签

-1

PHP输入我在我的网站上登录形式，它的输入没有相关的标签，但对于辅助原因，他们应该有，因为它说，在这里：https://www.w3.org/WAI/tutorials/forms/labels/没有相关的标签

有什么办法避免这个还是让他们隐藏起来？

下面是代码：

<fieldset id='clogin'> 
 
<legend>Login</legend> 
 

 
<div class='input-group'> 
 
\t <span class='input-group-addon'><i class='fa fa-user'></i></span> 
 
    <input id='username' type='text' class='form-control' name='login' value='' placeholder='Username' required='' autofocus=''> 
 
</div> 
 

 
<div class='input-group'> 
 
\t <span class='input-group-addon'><i class='fa fa-lock'></i></span> 
 
\t <input id='password' type='password' class='form-control' name='password' placeholder='Password' required=''> 
 
</div> 
 

 
<button type='submit' class='btn btn-lg btn-primary btn-block'>Login</button><br style='clear: both;'> 
 

 
</fieldset>

来源

2017-08-02 Denis Hernández

作为@ B.Desai已经提到的，你根本不要使用''标签。只需从您的代码中完全删除标签。 – vsharper

@ B.Desai - 人们应该如何知道在没有标签的情况下打字的内容？（请记住，当您提供输入焦点时，占位符会消失，屏幕阅读器往往不会读出占位符）？无障碍指南是有原因的。标签是强制性的。不要让人们忽略它们。 – Quentin

“有什么办法可以避免这种情况或让它们隐藏起来？” - 您链接到该主题的文档中有一个**巨大的**部分**。继续阅读前几段。 – Quentin

在视UX点，占位符只能是不显示输入正确的方法，因为当你开始输入的东西，你我必须记住这个标签。

但是，如果你想隐藏标签，只需添加display: none

在HTML文件中

<label for="input" class="hide">input</label>

在你的CSS文件

.hide 
    { 
    display:none; 
    }

来源

2017-08-02 09:46:41 Crssss

这是一个可怕的建议。如果他们是'display：none'，那么人们就看不到他们，屏幕阅读器也不会读出来。为了所有的好处，你可能不会有他们。 – Quentin

你说得对，没用，并且不能用于辅助功能。这应该更好地回答你的问题： http://webaim.org/techniques/css/invisiblecontent/ – Crssss

没有相关的标签

回答

相关问题