Ответ 1
В настоящее время он поддерживается всеми основными браузерами, кроме IE 9 и более ранних версий, и Opera mini.
Для получения обновлений просмотрите w3schools-specs Или даже лучше, просмотрите Обзор.
Какие браузеры поддерживают тег html placeholder для ввода текста? Поддерживает ли Internet Explorer его? (У меня есть ярлык JavaScript, который я могу использовать для браузеров, которые его не поддерживают.)
<input type=TEXT placeholder="placeholder here" />
В настоящее время он поддерживается всеми основными браузерами, кроме IE 9 и более ранних версий, и Opera mini.
Для получения обновлений просмотрите w3schools-specs Или даже лучше, просмотрите Обзор.
Для всех, кого это интересует, это ошибка jQuery, которую я использую
Я использую его с помощью механизма проверки jQuery.
Замените FORMCLASS на класс вашей формы.
<!-- IF IE - use Placeholder Fallback -->
<!--[if lt IE 10 ]>
<script>
$(".FORMCLASS").find('[placeholder]').each(function(){
$(this).val($(this).attr('placeholder'));
$(this).focus(function() {
if ($(this).attr('placeholder')==$(this).val()) {
$(this).val('');
}
});
});
</script>
<![endif]-->
Согласно this, IE 10 поддерживает его. (Вы можете протестировать его здесь)
Я исправляю эту проблему - возможно, самый простой способ:
<!--[if lt IE 10]>email:<![endif]-->
<input placeholder='email' type='text' name='email'>
Firefox также поддерживает его с версии 4.0
IE не поддерживает компоновщики
Я чувствую этот код лучше, и он работает во всех основных браузерах
<input id="example-email" type="text" value="Email Address" onfocus="if(this.value === 'Email Address') this.value = '';" onblur="if(this.value === '') this.value = 'Email Address';" name="example-email">
Вопрос, возможно, был дан ответ несколько лет назад, но сегодня я нашел его в поиске.
Так как хорошая ссылка и фото не были представлены раньше, я обновляю этот вопрос обоими.
Атрибут заставки HTML5 в основном говорит:
Атрибут placeholder поддерживается во всех основных браузерах, кроме Internet Explorer.
FYI: Это включает IE9.
В случае, если кто-то ищет решение HTML5-placeholder для не поддерживаемых браузеров, вот хорошая статья:
http://www.viget.com/inspire/a-better-jquery-in-field-label-plugin/
Заполнители полностью поддерживаются:
Для тех, кто хочет простейшее решение, используйте встроенные функции!
<input type="text" name="email" value="Email Address" placeholder="Email Address" onfocus="if(this.value==this.placeholder) this.value=''" onblur="if(this.value=='') this.value=this.placeholder">
Протестировано в chrome и IE8:)
Примечание. Я использую это с большим количеством javascript для проверки ввода и предоставления обратной связи внутри самого поля, изменяя значение и местозаполнитель во время выполнения.
Я знаю, это старый вопрос. Мое предложение - использовать Modernizr для обнаружения поддержки заполнителя! https://modernizr.com/