1

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

没有可以放置编辑按钮的地方，所以我想放置一些文本，例如：

Click here...

所以用户可以点击 em 编辑密码。

4

2 回答 2

3 
<input placeholder="Click here..." type="password" name="password">
于 2013-02-02T20:13:43.033 回答
1
  1. 使用背景图像并在他们输入文本时将其换掉
  2. 使用 HTML 5 的placeholder属性

占位符属性表示一个简短的提示（一个单词或短语），用于在控件没有值时帮助用户输入数据。提示可以是示例值或预期格式的简要描述。如果指定了该属性，则该属性的值必须不包含 U+000A 换行 (LF) 或 U+000D 回车 (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>
于 2013-02-02T20:14:05.467 回答