Un effetto interessante che possiamo ottenere con jQuery è quello di evidenziare l'elemento label corrente quando l'utente seleziona il campo corrispondente. Si tratta semplicemente di aggiungere o rimuovere una classe CSS sfruttando gli eventi focus e blur.
Sfruttiamo l'ID dell'input corrente per selezionare il suo elemento label:
$('form :input').focus(function() {
$('label[for="' + this.id + '"]').addClass('labelfocus');
}).blur(function() {
$('label[for="' + this.id + '"]').removeClass('labelfocus');
});