HTML-совместимость браузера для заметок

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

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

источник

2010-10-23 Noodle of Death

+15

Ярмарка вопрос! Я предполагаю, что IE не поддерживает его вообще, это атрибут HTML 5. Но я слишком ленив, чтобы исследовать его. :) –

@Pekka лучший. комментарий. Когда-либо. – Yatrix

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

Для уточнений посмотрите на w3schools-specs Или еще лучше, посмотрите на это overview.

источник

2010-10-23 13:13:11 Tim

alrighty thanks man –

Начиная с версии 3.7 Firefox также поддерживает это. Opera от версии 11 и Iphone от версии 4.0. Просто так вы знаете. – Tim

IE все еще нет. – Tim

Firefox также поддерживает его, так как 4,0

источник

2011-06-01 13:55:39 vinz

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

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

источник

2011-10-07 14:06:43 Mecalito

По this, IE 10 поддерживает его. (Вы можете test it here)

исправить проблему таким -Наверное самый easiest- путь:

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

источник

2012-06-28 09:55:09

IE 10 поддерживает его. Просто протестировано. – geilt

Мне нравится это решение - нет JS, о котором нужно беспокоиться. – Andrew

Определенно простое решение здесь –

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

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

HTML5 placeholder Attribute в основном говорит:

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

FYI: Включает IE9.

screenshot

источник

2012-09-18 15:17:49 jp2code

Возможно, что это w3schools, у него есть некорректная информация. Тем не менее, в этом случае у него есть именно то, что я хочу, поэтому повысьте! – Jamie

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

источник

2012-11-27 05:17:35 Sanjay

Я не думаю, что ваш код лучше. Это старый способ. Я знаю, что это работает. Но на самом деле нам не нужен этот javascript для большинства браузеров. Поэтому мы должны использовать атрибут placeholder. И если мы cannnot или не хотим забывать IE, мы должны предоставить явное решение только для IE. – Martin

Для тех, кто заинтересован, это JQuery Запасной, что я использую
Я использую его с 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]-->

источник

2013-01-02 06:53:31 Simpson

лучшее решение в это время. Спасибо! – 5ulo

в качестве альтернативы [если IE 10 л] в HTML что-то вроде jQuery.support.placeholder = (функция() { вар я = document.createElement ('вход'); возврата 'заполнитель' в I; })(); можно использовать. Взято из [link] (http://stackoverflow.com/questions/3937818/how-to-test-if-the-browser-supports-the-native-placeholder-attribute) – Nightingale7

Существует проблема, если пользователь каким-то образом пропускает фокус, например просто щелкает «отправить», затем заполнитель передается как значение поля. – Nightingale7

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

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

Испытано в хром и IE8 :)

Примечание: Я использую это с большим количеством JavaScript, чтобы подтвердить ввод и давать обратную связь внутри самого поля путем изменения значения и заполнитель во время выполнения.

источник

2013-05-02 08:40:29 vahanpwns

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