只有在所有浏览器中输入文本后,才能使占位符消失

时间:2013-02-03 07:51:30

标签: html css html5 forms css3

  

可能重复:
  HTML5 placeholder disappears on focus

在Mac上的Safari和Chrome中,当用户关注具有占位符属性的文本字段时,占位符将一直保留,直到输入字符为止。在Firefox(也可能是其他一些浏览器)中,占位符将在文本字段选择后立即消失。有没有办法强制Firefox和其他浏览器保留占位符,直到用户开始键入Chrome和Safari?谢谢!

1 个答案:

答案 0 :(得分:0)

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

以下是spec所说的内容:

  

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

不幸的是,它们似乎并不符合规范(或者“或者”的含糊不清以至于被误解了)。您可以尝试使用(-moz-placeholder)浏览器的替代方案,但可能无法强制占位符属性以特定方式运行。