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