Mit jelent a type attribútum értéke submit az HTML-ben?

A type="submit" attribútum az HTML <button> vagy <input> elemben meghatározza, hogy ez az elem a űrlap küldésére szolgál. A vele való kattintáskor a böngésző összegyűjti az összes, az adott űrlapba tartozó elemet, és elküldi azokat a <form> címkében megadott action attribútumban szereplő URL-re (vagy a jelenlegi URL-re, ha az action nincs megadva).

Hogyan működik:

• A <form> belsejében: A type="submit" típusú gomb automatikusan a legközelebbi szülő űrlappal társítódik. Kattintáskor az űrlap alapértelmezett küldési folyamata indul el, amely a method attribútumban megadott HTTP módszert használja (alapértelmezett GET).
• A <form> kívül: A <form>-on kívüli type="submit" típusú gomb nem rendelkezik automatikus küldési funkcióval. JavaScript segítségével manuálisan küldhető az űrlap vagy más műveletek végezhetők vele.

Használati példa:

<form action="/submit-handler" method="POST">
  <label for="username">Felhasználónév:</label>
  <input type="text" id="username" name="username"><br><br>

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

  <button type="submit">Űrlap küldése</button>
</form>

Ebben a példában, a "Űrlap küldése" gombra kattintva a böngésző elküldi a username és password mezők adatait a /submit-handler URL-re POST módszerrel.

Összehasonlítás a type="button"-nal:

Attribútum	Cél	Automatikus űrlapküldés	JS-sel való használat
type="submit"	Űrlap küldése	Igen	Igen
type="button"	Véletlenszerű gomb, nem kapcsolódik a küldéshez	Nem	Igen