Moduli

I moduli sono uno strumento fondamentale per raccogliere l'input degli utenti e inviarlo a un server per l'elaborazione. Sono composti da diversi elementi che permettono agli utenti di inserire dati. Tuttavia, in questo corso non invieremo alcun dato a un server, poiché ciò richiede conoscenze aggiuntive che vanno oltre l'ambito di questo corso.

Tutti gli esempi nel codice hanno l'attributo onsubmit="return false". Questo attributo impedisce al modulo di inviare una richiesta al server per impostazione predefinita.

Creazione di moduli

Utilizzare il tag <form> per creare un modulo interattivo.

<form>
  <!-- Form elements go here -->
</form>

Elementi del modulo

I moduli contengono etichette e vari tipi di input (testo, password, email, ecc.). Le etichette collegano il testo agli input e migliorano l'accessibilità. Approfondirai le etichette e i tipi di input nei prossimi capitoli.

<form>
  <label for="username">Username:</label>
  <input type="text" id="username" name="username" placeholder="Your username" />
  <label for="password">Password:</label>
  <input type="password" id="password" name="password" placeholder="********" />
</form>

Invio del modulo

Un modulo viene inviato utilizzando un pulsante con type="submit".

<form>
  <label for="username">Username:</label>
  <input type="text" id="username" name="username" placeholder="Your username" />
  <label for="password">Password:</label>
  <input type="password" id="password" name="password" placeholder="********" />
  <button type="submit">Submit</button>
</form>

Ecco un esempio di modulo di base.