Čo znamená atribút type s hodnotou submit v HTML?

Atribút type="submit" v HTML prvku <button> alebo <input> určuje, že tento prvok je určený na odoslanie formulára. Kliknutím na tlačidlo s týmto atribútom prehliadač zhromaždí údaje zo všetkých prvkov formulára, v ktorom je tlačidlo zahrnuté, a odošle ich na URL uvedenú v atribúte action tagu <form> (alebo na aktuálnu URL, ak action nie je uvedený).

Ako to funguje:

• Vo vnútri <form>: Tlačidlo s type="submit" sa automaticky spája s najbližším rodičovským formulárom. Kliknutím naň sa spustí štandardný proces odoslania formulára pomocou HTTP metódy uvedenej v atribúte method (predvolene GET).
• Vonkaj <form>: Tlačidlo s type="submit" mimo formulára nemá automatickú funkciu odoslania. Môže byť použitý s JavaScriptom na manuálne odoslanie formulára alebo na vykonanie iných akcií.

Príklad použitia:

<form action="/submit-handler" method="POST">
  <label for="username">Používateľské meno:</label>
  <input type="text" id="username" name="username"><br><br>

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

  <button type="submit">Odoslať formulár</button>
</form>

V tomto príklade, kliknutím na tlačidlo "Odoslať formulár" prehliadač odošle údaje polí username a password na URL /submit-handler metódou POST.

Porovnanie s type="button":

Atribút	Účel	Automatické odoslanie formulára	Použitie s JS
type="submit"	Odoslanie formulára	Áno	Áno
type="button"	Ľubovoľné tlačidlo, nie je spojené s odoslaním	Nie	Áno