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).