Co znamená atribut type s hodnotou submit v HTML?

A atribut type="submit" v HTML prvku <button> nebo <input> určuje, že tento prvek je určen k odeslání formuláře. Kliknutím na tlačítko s tímto atributem prohlížeč shromažďuje data všech prvků formuláře, ve kterém je tlačítko obsaženo, a odesílá je na URL uvedenou v atributu action tagu <form> (nebo na aktuální URL, pokud action není uveden).

Jak to funguje:

• Uvnitř <form>: Tlačítko s type="submit" je automaticky spojeno s nejbližším nadřazeným formulářem. Kliknutím na něj se spustí standardní proces odeslání formuláře pomocí HTTP metody uvedené v atributu method (výchozí GET).
• Vně <form>: Tlačítko s type="submit" mimo formulář nemá automatickou funkci odeslání. Může být použito s JavaScriptem k ručnímu odeslání formuláře nebo k provedení jiných akcí.

Příklad použití:

<form action="/submit-handler" method="POST">
  <label for="username">Uživatelské jméno:</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">Odeslat formulář</button>
</form>

V tomto příkladu, při kliknutí na tlačítko "Odeslat formulář", prohlížeč odešle data polí username a password na URL /submit-handler metodou POST.

Porovnání s type="button":

Atribut	Účel	Automatické odeslání formuláře	Použití s JS
type="submit"	Odeslání formuláře	Ano	Ano
type="button"	Libovolné tlačítko, nesouvisí s odesláním	Ne	Ano