HTML5 Placeholder Attribute

HTML5 Placeholder Attribute

Ранее я уже писал о плейсхолдерах. Нормальные браузеры поддерживают

<input type='text' name='email' placeholder='Email Address'/>

. Вот костыль на jquery который решает проблему для недобраузеров:

    // placeholder polyfill
        function add() {
            if($(this).val() == ''){

        function remove() {
            if($(this).val() == $(this).attr('placeholder')){

        // Create a dummy element for feature detection
        if (!('placeholder' in $('<input>')[0])) {

            // Select the elements that have a placeholder attribute
            $('input[placeholder], textarea[placeholder]').blur(add).focus(remove).each(add);

        // Remove the placeholder text before the form is submitted
                $(this).find('input[placeholder], textarea[placeholder]').each(remove);

А стили на них вешаются так:

::-webkit-input-placeholder { color:#999; }
:-moz-placeholder { color:#999; }
:-ms-input-placeholder { color:#999; }
Оставить комментарий

Ваш электронный адрес не будет опубликован. Обязательные поля помечены *

Scroll Up