html - 仅在所有浏览器中输入文本后才使占位符消失

Question

可能重复：
HTML5 占位符在焦点上消失

在 Mac 上的 Safari 和 Chrome 中，当用户关注具有占位符属性的文本字段时，占位符将一直保留到输入字符为止。在 Firefox（可能还有其他一些浏览器）中，占位符将在选择文本字段后立即消失。有什么方法可以强制 Firefox 和其他浏览器保留占位符，直到用户像 Chrome 和 Safari 一样开始输入？谢谢！

Answer 1

根据我的收集，您所描述的行为是我们应该看到浏览器展示的行为。

这是规范所说的：

当元素的值为空字符串或控件未聚焦（或两者兼有）时，用户代理应在删除换行符后向用户显示此提示，例如通过将其显示在空白的未聚焦控件中并以其他方式隐藏它.

不幸的是，它们似乎并不都符合规范（或者“或”足够模糊以至于被误解了）。您可以尝试使用 ( -moz-placeholder ) 的浏览器替代方案，但可能不能强制 placeholder 属性以特定方式运行。