Я кодирую запасной вариант для браузеров без поддержки атрибута placeholder
.То, что я придумал, прекрасно работает во всех браузерах, кроме IE6.
Проблема заключается в следующем: после фокусировки любого из двух полей текст-заполнитель исчезает, как и ожидалось, но Я не могу набратьили вставьте любой текст в поля! Иногда я получаю сообщение «Ошибка 84 - Неопределенная ошибка», но большую часть времени ошибки вообще не возникает.
Я загрузил проблемный код в него.простейшая форма на http://jsfiddle.net/CMWHx/ (код также ниже)
Это действительно сводит меня с ума, и я начинаю думать, что моя копия IE6 хитрая (это MultipleIE установить), поэтому я был бы признателен, если бы кто-либо из вас с копиями IE6 смог быстро проверить ссылку выше и подтвердить, что вы испытываете ту же проблему, что и я.
Спасибозаранее:)
HTML
<input id="email_input" type="email" placeholder="Email" required="required" />
<input id="password_input" type="password" placeholder="Password" required="required" />
JavaScript (jQuery 1.6.2)
$("#email_input").val("Email").focus(function() {
if ($(this).val() == "Email")
{
$(this).val("");
}
}).blur(function() {
if ($(this).val() == "")
{
$(this).val("Email");
}
});
$("#password_input").hide().after("<input id=\"password_placeholder\" value=\"Password\" />").blur(function() {
if ($(this).val() == "")
{
$(this).hide();
$("#password_placeholder").show();
}
});
$("#password_placeholder").focus(function() {
$(this).hide();
$("#password_input").show().focus();
});