html占位符属性

【问题标题】：html placeholder attributehtml占位符属性
【发布时间】：2012-06-24 13:28:46
【问题描述】：

我对 html 5 还很陌生，我面临这样一种情况，我希望一个文本类型的输入标签包含多个字段和相应的占位符，这些占位符会在输入这些字段时消失.有可能吗？

让我用一个例子来说明清楚-

<body>
name: <input type="text" placeholder="first name, second name">
</body>

现在我希望“名字”在填充时消失，而“第二个名字”仍然显示。那怎么办？（如果有的话）。请帮帮我。谢谢。

【问题讨论】：

标签： html

【解决方案1】：

它不能在 HTML 中完成，因为 placeholder 属性被定义为以特殊方式工作（如果支持），您不能在 HTML 中覆盖它。您可以在 JavaScript 中模拟所需的行为（不是微不足道的），但是在 JavaScript 中完成这一切而不是使用 placeholder 属性会更安全。

如果以特定格式输入数据相关，例如“名字，第二个名字”，唯一合理安全的方法是在字段前以静态内容提供此信息。（这只是相当安全，因为人们可能很容易错过或误解甚至是明确的说明。）请确保您清楚地表明名称的各个部分是否真的要用逗号分隔，就像您当前的表述可能建议的那样。

再一次，如果需要特定的订单，通常最好有单独的字段。

【讨论】：