Открыть меню    

Placeholder для браузеров IE до 9 версии включительно

Атрибут placeholder выводит текст внутри текстового поля, который исчезает при получении фокуса. К сожалению, браузеры IE до 10 версии не поддерживает атрибут placeholder. Если для вас важно иметь placeholder в устаревших версиях браузера IE, то вы можете воспользоваться следующим кодом:

HTML

<!-- IF IE - use Placeholder Fallback -->
<!--[if lt IE 10 ]>
<script>
$(document).ready(function(){
        $(".srvForm").find('[placeholder]').each(function(){
            $(this).val($(this).attr('placeholder'));
            $(this).focus(function() {
                if ($(this).attr('placeholder')==$(this).val()) {
                $(this).val('');
            }
            });
        });
    })
</script>
    <![endif]-->

Что делает вышеприведенный код: по условному комментарию определяем, что данный код применим только к браузерам IE до 10 версии включительно. Затем проверяем наличие у элемента атрибута placeholder, если атрибут найден, то значение поля ставим равным значению атрибута placeholder. В случае фокуса на поле значение сбрасываем. Полезно использовать, если по дизайну название ваших полей формы обозначаются внутри текстового поля.

Комментарии к статье

Добавить комментарий к сниппету