Es un script muy sencillo pero que hará mas agradable la visualización cuando seleccionemos un campo.
$(document).ready(function () {
$('input[type="text"]').addClass("normal");
$('input[type="text"]').focus(function () {
$(this).removeClass("normal").addClass("selecionado");
if (this.value == this.defaultValue) {
this.value = '';
}
if (this.value != this.defaultValue) {
this.select();
}
});
$('input[type="text"]').blur(function () {
$(this).removeClass("selecionado").addClass("normal");
if ($.trim(this.value == '')) {
this.value = (this.defaultValue ? this.defaultValue : '');
}
});
});
type="text" se puede cambiar por type="password" o que sea para poder realizar las mismas modificaciones.
Fuente: http://buildinternet.com/2009/01/changing-form-input-styles-on-focus-with-jquery/
Comentarios