Sfida: Creare un Modulo con Input ed Etichette

Obiettivo

Migliorare l'esperienza utente del sito web creando un modulo interattivo che richieda l'inserimento di nome, email e password, ciascuno con le relative etichette.

Attività

Aggiungere un modulo semplice e intuitivo alla pagina. Seguire questi requisiti:

1. Campo nome
   • Utilizzare un campo di testo.
   • Impostare il placeholder su John.
   • Rendere il campo attivo di default (autofocus).
2. Campo email
   • Utilizzare un campo email.
   • Impostare il placeholder su example@gmail.com.
   • Contrassegnare il campo come obbligatorio.
3. Campo password
   • Utilizzare un campo password.
   • Rendere questo campo obbligatorio.

1. autofocus: mette automaticamente a fuoco il campo di input al caricamento della pagina.
2. required: contrassegna il campo di input come obbligatorio, impedendo l'invio del modulo se lasciato vuoto.
3. placeholder: fornisce un suggerimento o un testo di esempio per il campo di input.
4. for e id: associa un'etichetta a un campo di input per una migliore accessibilità.
5. type: specifica il tipo di dati attesi nel campo di input (ad esempio, text, email, password).