Заполнитель HTML-текста не отображается в Firefox

Question

У меня есть следующее поле ввода

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

текст-заполнитель устанавливает значение по умолчанию для поля, которое «введите имя». Если щелкнуть поле, текст исчезнет, ​​и вы сможете ввести имя в поле.

текст-заполнитель отображается в Chrome , а не в Firefox , как решить эту проблему с Firefox ?? (Я использую Firefox 3.6)

Answer 1

placeholder - это атрибут HTML5, который не поддерживается в Firefox 3.6

Он поддерживается в Firefox 4.0 и более поздних версиях: https://developer.mozilla.org/en/CSS/%3A-moz-placeholder

Answer 2

Я считаю, что атрибут-заполнитель доступен только для WebKit (Safari и Chrome). См. эту ссылку , чтобы узнать, как заставить ее работать в остальных браузерах.

Answer 3

но они упустили то, что:

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

все гораздо лучше в фокусе и событиях размытия, добавленных к входам, а не встроенным

Answer 4

Вот как это работает в окне поиска в stackoverflow:

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

Answer 5

Firefox пока не поддерживает это будущее:

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

Вы можете сделать бэкпорт, добавив на свою страницу плагин jquery, который будет эмулировать его:

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