Co oznacza atrybut type z wartością submit w HTML?

Atrybut type="submit" w elemencie HTML <button> lub <input> określa, że dany element jest przeznaczony do wysyłania formularza. Kliknięcie przycisku z tym atrybutem powoduje, że przeglądarka zbiera dane ze wszystkich elementów formularza, w którym znajduje się przycisk, i wysyła je na URL określony w atrybucie action tagu <form> (lub na bieżący URL, jeśli action nie jest podany).

Jak to działa:

• Wewnątrz <form>: Przycisk z type="submit" jest automatycznie powiązany z najbliższym nadrzędnym formularzem. Kliknięcie go inicjuje standardowy proces wysyłki formularza metodą HTTP określoną w atrybucie method (domyślnie GET).
• Poza <form>: Przycisk z type="submit" poza formularzem nie ma automatycznej funkcji wysyłania. Można go używać z JavaScript do ręcznego wysyłania formularza lub wykonywania innych działań.

Przykład użycia:

<form action="/submit-handler" method="POST">
  <label for="username">Nazwa użytkownika:</label>
  <input type="text" id="username" name="username"><br><br>

  <label for="password">Hasło:</label>
  <input type="password" id="password" name="password"><br><br>

  <button type="submit">Wyślij formularz</button>
</form>

W tym przykładzie, kliknięcie przycisku "Wyślij formularz" spowoduje wysłanie danych pól username i password na URL /submit-handler metodą POST.

Porównanie z type="button":

Atrybut	Przeznaczenie	Automatyczne wysłanie formularza	Użycie z JS
type="submit"	Wysyłanie formularza	Tak	Tak
type="button"	Dowolny przycisk, niezwiązany z wysyłaniem	Nie	Tak