HTML输入占位符文本不显示在Firefox中

时间:2011-03-01 13:40:40

标签: html firefox

我有以下输入字段

<input type="text" id="search-box" placeholder="input the name" />

占位符文本设置“输入名称”字段的默认值。如果单击该字段,文本将消失,以便您可以在字段中键入名称。

占位符文字显示在 Chrome 中,而不是 Firefox ,如何修复此Firefox问题? (我使用的是Firefox 3.6)

5 个答案:

答案 0 :(得分:8)

占位符是Firefox 3.6不支持的HTML5属性

Firefox 4.0及更高版本支持它:https://developer.mozilla.org/en/CSS/%3A-moz-placeholder

答案 1 :(得分:2)

我认为占位符属性仅限WebKit(Safari和Chrome)。请参阅this link了解如何在其他浏览器中使用它。

答案 2 :(得分:1)

这是它在stackoverflow搜索框中的工作原理:

<input name="q" class="textbox" tabindex="1" onfocus="if (this.value=='search') this.value = ''" type="text" maxlength="140" size="28" value="search">

答案 3 :(得分:1)

但他们错过的是:

onblur="if(this.value.length==0){this.value='search';}"

更好的焦点和模糊事件添加到输入而不是内联

答案 4 :(得分:0)

Firefox还不支持这个未来:

http://www.javaworld.com/community/node/6224

您可以通过在页面中添加一个jquery插件来向后移植它,该插件将模拟它:

http://plugins.jquery.com/project/placeholder-html5