Obiettivo

Migliora l'esperienza utente del sito web creando un modulo interattivo che richiede input per nome, email e password, completo di etichette associate.

Compito

Incorpora un modulo facile da usare nel tuo sito web, migliorando il coinvolgimento e l'interazione degli utenti. Il tuo compito è:

• Per l'input del nome: crea un input di testo che raccolga i nomi degli utenti. Utilizza gli attributi corretti per garantire un'esperienza senza problemi.
  1. Definisci il type appropriato per l'input di testo;
  2. Imposta il placeholder su John;
  3. Assicurati che l'input sia focalizzato di default.
• Per l'input dell'email: stabilisci un input email che raccolga gli indirizzi email degli utenti. Assicurati dell'accuratezza dei dati utilizzando gli attributi appropriati.
  1. Definisci il type corretto per l'input email;
  2. Imposta il placeholder su example@gmail.com;
  3. Segna il campo come obbligatorio.
• Per l'input della password: crea un input password sicuro che mantenga al sicuro i dati degli utenti. Utilizza gli attributi appropriati per migliorare la protezione dei dati.
  1. Definisci il type corretto per l'input password;
  2. Rendi il campo obbligatorio.

1. autofocus: mette automaticamente a fuoco il campo di input quando la pagina viene caricata.
2. required: segna 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 migliorare l'accessibilità.
5. type: specifica il tipo di dati attesi nel campo di input (ad esempio, text, email, password).