Placeholder desteklemeyen browserlar için jQuery ile textarea placeholder yapımı

2 Cevap

Malum Internet Explorer gibi eski teknoloji browserlar var oldukça yeni nesil “placeholder” gibi işimizi kolaylaştıran tagleri tam anlamıyla hiçbir zaman kullanamayacağız. Bu nedenle web sitenize eklediğiniz textarea için focuslandığında kaybolan ve iptal edilince geri gelen, bir şey yazdığınızda silinen mesajı nasıl yapacağınızı göstereceğim.

Yazmanız gereken jQuery:

1
2
3
4
5
6
7
8
9
10
11
12
13
14

//textarea
var standard_message = $('#textarea').val();
$('#textarea').focus(
function() {
if ($(this).val() == standard_message)
$(this).val("");
}
);
$('#textarea').blur(
function() {
if ($(this).val() == "")
$(this).val(standard_message);
}
);

Yazmanız gereken Html: