Form iscrizione

Traccia

Crea un form HTML5 per raccogliere nome, email, corso scelto e consenso.

Requisiti richiesti

• Ogni campo deve avere una label con for.
• Usa type="email" per l’indirizzo email.
• Aggiungi required dove il dato è obbligatorio.
• Inserisci una checkbox per il consenso informativo.

Procedura guidata

1. Crea un nuovo file con nome chiaro, ad esempio 04-form-iscrizione.html.
2. Inserisci la struttura base del documento o lavora dentro il main se il layout è già pronto.
3. Aggiungi titoli, paragrafi, liste, immagini o form richiesti dalla traccia.
4. Apri il file nel browser e verifica che i contenuti siano nell’ordine corretto.
5. Valida il codice e correggi eventuali tag non chiusi o attributi mancanti.

Base di partenza

Il codice seguente non è l’unica soluzione possibile: usalo come riferimento e personalizzalo.

<form action="iscrizione.asp" method="post">
  <p>
    <label for="nome">Nome e cognome</label>
    <input id="nome" name="nome" type="text" required>
  </p>
  <p>
    <label for="email">Email</label>
    <input id="email" name="email" type="email" required>
  </p>
  <p>
    <label for="corso">Corso scelto</label>
    <select id="corso" name="corso">
      <option>HTML5 base</option>
      <option>CSS3 base</option>
    </select>
  </p>
  <p>
    <input id="privacy" name="privacy" type="checkbox" required>
    <label for="privacy">Accetto l’informativa privacy</label>
  </p>
  <button type="submit">Invia iscrizione</button>
</form>

Checklist di controllo

• ✓Semantica: i tag descrivono il ruolo reale dei contenuti.
• ✓Accessibilità: immagini, form e link sono comprensibili anche fuori dal contesto visivo.
• ✓Ordine: c’è un solo h1 e i titoli non saltano livello senza motivo.
• ✓Percorsi: link, immagini e file collegati usano nomi corretti.