Делаю кроссбраузерный placeholder с использованием библиотеки
Modernizr по книге К.Шмитта "HTML5. Рецепты программирования"
подключаю библиотеку к странице
<script src="script/jquery-1.8.3.min.js"></script>
<script src="script/modernizr-latest.js"></script>
пишу такой скрипт
<script>
if (!Modernizr.input.placeholder) {
$(".search_form_field").focus(function() {
if ($(".search_form_field").val() == $(".search_form_field").attr('placeholder')) {
$(".search_form_field").val("");
}
});
$(".search_form_field").blur(function() {
if ($(".search_form_field").val() == "") {
$(".search_form_field").val($(".search_form_field").attr('placeholder'));
}
});
$(".search_form_field").blur();
$(".search").submit(function() {
if ($(".search_form_field").val() ==
$(".search_form_field").attr('placeholder')) {
return false;
}
});
}
</script>
но в ие он все равно не срабатывает.
В чем может быть проблема?
Делаю вот для такой
верстки, для формы ввода логина и пароля.