Cosa significa l'attributo type con il valore submit in HTML?

L'attributo type="submit" nell'elemento HTML <button> o <input> determina che tale elemento è destinato a inviare il modulo. Cliccando sul pulsante con questo attributo, il browser raccoglie i dati di tutti gli elementi del modulo in cui è incluso il pulsante e li invia all'URL specificato nell'attributo action del tag <form> (o all'URL corrente se action non è specificato).

Come funziona:

• Dentro <form>: Il pulsante con type="submit" si associa automaticamente al modulo genitore più vicino. Cliccandolo, si avvia il processo standard di invio del modulo tramite il metodo HTTP specificato nell'attributo method (di default GET).
• Fuori <form>: Un pulsante con type="submit" fuori da un modulo non ha funzionalità di invio automatico. Può essere usato con JavaScript per inviare manualmente il modulo o eseguire altre azioni.

Esempio di utilizzo:

<form action="/submit-handler" method="POST">
  <label for="username">Nome utente:</label>
  <input type="text" id="username" name="username"><br><br>

  <label for="password">Password:</label>
  <input type="password" id="password" name="password"><br><br>

  <button type="submit">Invia modulo</button>
</form>

In questo esempio, cliccando sul pulsante "Invia modulo", il browser invierà i dati dei campi username e password all'URL /submit-handler usando il metodo POST.

Confronto con type="button":

Attributo	Scopo	Invio automatico del modulo	Uso con JS
type="submit"	Invia il modulo	Sì	Sì
type="button"	Pulsante arbitrario, non collegato all'invio	No	Sì