Я боролся с этим сам. Я нашел работу вокруг. Это работает довольно хорошо в моем IE8 и в Chrome. Я разработал классную работу и объяснил это ниже ...
HTML
<input type="text" class="input-remover badinput" value="Business Name">
<input type="text" class="input-remover badinput" value="Business Address 1">
<input type="text" class="input-remover badinput" value="Business Address 2">
<input type="text" class="input-remover badinput" value="City">
Все поля ввода с классом input-remover будут затронуты. Просто поместите слова, которые вы хотите использовать в качестве заполнителя внутри значения. Класс badinput используется для того, чтобы вы могли запретить кому-либо отправлять поля ввода со значениями по умолчанию.
JQuery
var textval
$(".input-remover").click(function(){
textval = this.value;
$(this).addClass("currentspot");
if ($(this).hasClass("placeholder"))
{
}else{
$(this).val("");
}
});
$("input").keypress(function(){
$(".currentspot").removeClass("badinput");
$(".currentspot").addClass("placeholder");
});
$("input").blur(function(){
if ($(this).hasClass("placeholder"))
{
$(".currentspot").removeClass("currentspot");
}else{
$(".currentspot").val(textval);
$(".currentspot").removeClass("currentspot");
}
});
Честно, я бы объяснил эту часть, но я действительно думаю, что было бы легче сказать, не редактируйте ее. Это хорошо, так оно и есть. Да, возможно, вы могли бы изменить его, но я бы избегал его, если вы не знаете, что вы делаете, чтобы не дать ему подействовать.
И я также включил JsFiddle, показывающий, как это работает. Я надеюсь, что это помогает. Я считаю, что большинство из этих вещей, которые мне нравятся, - это снаряжение но по крайней мере это делает с тех пор. Удачи!
Скрипка Here