In questo capitolo analizzeremo alcune possibilità per la personalizzazione e la modifica degli elementi contenuti in un form tramite l'utilizzo di Dreamweaver .

In questa specifica lezione vedremo come modificare la label di un form in modo che al click faccia posizionare il cursore del mouse all'interno del campo di testo abbinato.

Innanzitutto realizziamo una nuova pagina HTML e chiamiamola LabelForm.html. Al suo interno creiamo un nuono form spuntando la linguetta moduli e cliccando poi su campo di testo. Nella successiva finestra inseriamo lo stesso nome per Id ed etichetta e manteniamo selezionata la voce racchiudi tra tag label.


In questo modo, visualizzando la pagina nel browser e cliccando sull'etichetta racchiudi tra tag label il cursore del mouse si posiziona all'interno del campo di testo.

Questo avviene perchè il tag label racchiude in se il tag input. Se infatti spostiamo il tag label di chiusura il posizionamento del cursore non avviene più.

Esiste un altro metodo per far si che il cursore del mouse venga posizionato all'interno dello specifico campo di testo quando si clicca sull'etichetta.

Realizziamo un nuovo campo di testo e a differenza del precedente spuntiamo la voce associa tag labelutilizzando l'attributo for.

A differenza del precedente il tag input viene mantenuto fuori del tag label che però viene individuato tramite il nome dell'id.

COMMENTI