Подтвердить что ты не робот

Совместимость браузера с совместимостью HTML

Какие браузеры поддерживают тег html placeholder для ввода текста? Поддерживает ли Internet Explorer его? (У меня есть ярлык JavaScript, который я могу использовать для браузеров, которые его не поддерживают.)

<input type=TEXT placeholder="placeholder here" />

4b9b3361

Ответ 1

В настоящее время он поддерживается всеми основными браузерами, кроме IE 9 и более ранних версий, и Opera mini.

Для получения обновлений просмотрите w3schools-specs Или даже лучше, просмотрите Обзор.

Ответ 2

Для всех, кого это интересует, это ошибка 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]--> 

Ответ 3

Согласно this, IE 10 поддерживает его. (Вы можете протестировать его здесь)

Я исправляю эту проблему - возможно, самый простой способ:

<!--[if lt IE 10]>email:<![endif]-->
<input placeholder='email' type='text' name='email'>

Ответ 4

Firefox также поддерживает его с версии 4.0

Ответ 5

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">

Ответ 6

Вопрос, возможно, был дан ответ несколько лет назад, но сегодня я нашел его в поиске.

Так как хорошая ссылка и фото не были представлены раньше, я обновляю этот вопрос обоими.

Атрибут заставки HTML5 в основном говорит:

Атрибут placeholder поддерживается во всех основных браузерах, кроме Internet Explorer.

FYI: Это включает IE9.

screenshot

Ответ 9

Для тех, кто хочет простейшее решение, используйте встроенные функции!

<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 для проверки ввода и предоставления обратной связи внутри самого поля, изменяя значение и местозаполнитель во время выполнения.

Ответ 10

Я знаю, это старый вопрос. Мое предложение - использовать Modernizr для обнаружения поддержки заполнителя! https://modernizr.com/