我有以下输入字段
<input type="text" id="search-box" placeholder="input the name" />
占位符文本设置“输入名称”字段的默认值。如果单击该字段,文本将消失,以便您可以在字段中键入名称。
占位符文字显示在 Chrome 中,而不是 Firefox ,如何修复此Firefox问题? (我使用的是Firefox 3.6)
答案 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)