PHP输入没有关联标签

Question

我的网站上有一个登录表单，其输入没有关联的标签，但出于辅助功能的原因，他们应该按照此处的说明进行操作：https://www.w3.org/WAI/tutorials/forms/labels/

有没有办法避免这种情况或隐藏它们？

以下是代码：

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

<div class='input-group'>
	<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'>
	<span class='input-group-addon'><i class='fa fa-lock'></i></span>
	<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>

Answer 1

从UX的角度来看，占位符不是显示输入的正确方法，因为当您开始输入内容时，您必须记住标签。

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

即可 你的html文件中的

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

在你的css文件中

.hide
  {
    display:none;
  }