Javascript: Label testo in evidenza

campo-testo

Ecco un esempio di un piccolo form con tre campi di textbox e un pulsante d’invio per i dati inseriti, l’azione Label funziona cosi: quando si clicca con il puntatore del mouse sul campo di testo l’etichetta a esso, associata cambia colore.

In questo modo il visitatore del sito avrà l’impressione di essere guidato nell’operazione da compiere.

Inserite il codice javascript nella header della pagina:

 
function seleziona(id) {
  if (!document.getElementById) return;
  selDiv = document.getElementById(id);
  selDiv.style.color = "#FF8000";
}

Quindi inizializzare la funzione qui chiamata id, seldiv è la bariabile che richiama il colore del testo qui per esempio ho assegnato #FF8000 e in questo modo viene anche realizzata l’azione inversa. Appena il campo perde il focus, il testo cambierà colore.

Articoli simili

Lascia un commento

Your email is never published nor shared. Required fields are marked *

*
*

This is a captcha-picture. It is used to prevent mass-access by robots. (see: www.captcha.net)

You must read and type the 5 chars within 0..9 and A..F, and submit the form.

  

Oh no, I cannot read this. Please, generate a