Question

将标签放在输入类型密码上的最佳方法是什么，因为它将值显示为 * *？

我无法放置编辑按钮，所以我想放一些文字，如：

Click here...

这样用户就可以点击em编辑密码。

Answer 1

<input placeholder="Click here..." type="password" name="password">

Answer 2

Use a background image and swap it out when they enter text
使用HTML 5的placeholder属性

占位符属性表示一个简短提示（单词或短语）   短语）用于在控件具有时帮助用户输入数据   没有价值。提示可以是样本值或简要描述   预期的格式。如果指定了该属性，则该属性必须具有该值   不包含U + 000A LINE FEED（LF）或U + 000D CARRIAGE RETURN（CR）   字符。

不应将占位符属性用作替代   标签。对于更长的提示或其他咨询文本，title属性   更合适。

这些机制非常相似但略有不同：给出了提示   由控件的标签随时显示;给出的简短提示   在用户输入值之前显示占位符属性;和   当用户请求时，将显示title属性中的提示   进一步的帮助。

用户代理应该在拥有后向用户显示此提示   当元素的值为空时，剥离的线条会从中断   字符串或控件没有聚焦（或两者都有），例如通过显示它   在一个空白的未聚焦控件内，否则隐藏它。

以下是使用的邮件配置用户界面的示例   占位符属性：

<fieldset>  
  <legend>Mail Account</legend>  
    <p><label>Name: <input type="text" name="fullname" placeholder="John Ratzenberger"></label></p>  
    <p><label>Address: <input type="email" name="address" placeholder="john@example.net"></label></p>  
    <p><label>Password: <input type="password" name="password"></label></p>  
    <p><label>Description: <input type="text" name="desc" placeholder="My Email Account"></label></p> 
</fieldset>

如何在输入文本密码上放置标签，避免使用这些子弹？

2 个答案: