Совместимость браузера HTML Placeholder - PullRequest
Новая
       18

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

41 голосов
/ 23 октября 2010

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

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

Ответы [ 10 ]

18 голосов
/ 02 января 2013

Для всех, кто интересуется, это jQuery Fallback, который я использую
Я использую его с jQuery Validation Engine.
Замените 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]-->
17 голосов
/ 28 июня 2012

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

Я решаю проблему, возможно, самым простым способом: 

<!--[if lt IE 10]>email:<![endif]-->
<input placeholder='email' type='text' name='email'>
17 голосов
/ 23 октября 2010

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

Обновления см. В w3schools-specs Или, что еще лучше, просмотрите это Обзор .

10 голосов
/ 01 июня 2011

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

8 голосов
/ 27 ноября 2012

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 голосов
/ 18 сентября 2012

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

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

Атрибут-заполнитель HTML5 в основном говорит:

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

К вашему сведению: Это включает IE9.

screenshot

4 голосов
/ 30 июля 2013

Заполнители полностью поддерживаются:

  • FF 4 +
  • Chrome 4 +
  • Safari 5 +
  • Опера 11,6 +
  • IE 10 +

Источник: Можно ли использовать атрибут заполнителя ввода?

4 голосов
/ 07 октября 2011

Если кто-то ищет решение, похожее на HTML5, для неподдерживаемых браузеров, вот хорошая статья об этом:

http://www.viget.com/inspire/a-better-jquery-in-field-label-plugin/

3 голосов
/ 02 мая 2013

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

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

0 голосов
/ 13 октября 2015

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

...