Domyślny tekst w polach input oraz textarea

Home / Blog / Domyślny tekst w polach input oraz textarea

Prosty kawałek kodu jQuery ustawiający domyślny tekst w polach formularza input oraz textarea. Kod składa się z dwóch funkcji jQuery: blur (powoduje ustawienie wartości dla pola, które jest nieaktywne) oraz focus (zeruje wartość pola po jego kliknięciu).

jQuery(document).ready(function() {
jQuery(".defaultText").focus(function() {
if (jQuery(this).val() == jQuery(this)[0].title) {
jQuery(this).removeClass("defaultTextActive");
jQuery(this).val("");
}
});
jQuery(".defaultText").blur(function() {
if (jQuery(this).val() == "") {
jQuery(this).addClass("defaultTextActive");
jQuery(this).val(jQuery(this)[0].title);
}
});
jQuery(".defaultText").blur();
});