HTML輸入佔位符文本不顯示在Firefox

我有以下輸入字段HTML輸入佔位符文本不顯示在Firefox

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

佔位符文本將是「輸入名稱」字段的默認值。如果您單擊該字段，文本會消失，以便您可以在該字段中輸入名稱。

佔位符文本顯示在鉻但不能在火狐，如何解決這個Firefox的問題？（我用的Firefox 3.6）

來源

2011-03-01 Mellon

我打算自己插件，但有幾個很好的jQuery插件可以模仿這個功能。我認爲佔位符目前只能在webkit中使用。 – Seth 2011-03-01 13:42:30

佔位符是3.6

它在Firefox 4.0及以上版本支持未在Firefox支持HTML5屬性：https://developer.mozilla.org/en/CSS/%3A-moz-placeholder

來源

2011-03-01 13:42:18 AlfonsoML

有沒有可能在Firefox 3.6中實現？ – Mellon 2011-03-01 13:42:45

這是正確的答案，編輯更多信息 – 2011-08-13 13:39:51

Firefox不支持未來尚未：

：

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

您可以通過添加一個jQuery插件到您的網頁，這將效仿反向移植它

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

來源

2011-03-01 13:43:11 markijbema

它現在所做的：https：//developer.mozilla.org/en/CSS/%3A-moz-placeholder – 2011-08-13 13:38:54

我相信placeholder屬性是WebKit-only（Safari和Chrome）。請參閱this link瞭解如何使其在其他瀏覽器中正常工作。

來源

2011-03-01 13:44:10

不再糾正...它支持在Firefox 4以上 – 2011-08-13 13:38:40

這是它如何工作的計算器的搜索框：

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

來源

2011-03-01 13:46:37 Lloyd

謝謝，我更喜歡你的方式:) – Mellon 2011-03-01 14:27:49

這在IE8中也很棒。謝謝！ – Jagd 2012-03-05 16:54:29

但他們錯過了就是：

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

要好得多焦點和模糊事件添加到輸入，而不是內嵌

來源

2011-03-01 15:26:21 derekcohen

HTML輸入佔位符文本不顯示在Firefox

回答

相關問題