watermark etiketli yazılar

Input Mask

Etiketler(label) formlarda ilgili alanların içeriklerine ne gelmesi gerektirlerini belirten elemanlardır ve bütün formlarda farklı şekillerde kullanılır. Çoğu durumda bu etiketleri inputların sağına, soluna ya da üstüne koymak yeterlidir. Ama bazı durumlarda bunları input alanının üzerine/içine koymak gerekebilir. Bunu jQuery kütüphanesini kullanarak basit bir uygulamayla halledebiliriz.

$('input, textarea').focus(function() {
 value=$(this).val();
 $(this).attr("value","");
});

$('input, textarea').blur(function() {
 if($(this).val()=="") {
  $(this).val(value);
 }
});

Çok basit değil mi? Ama bu çözüm kullanıldığında “form validation“larında bazen sıkıntılara, fazladan uğraşlara neden oluyor. O yüzden input alanının içini boş bırakmak programcıların işlerini daha da kolaylaştırıyor.

Devamını oku »