Какво означава атрибутът type със стойност submit в HTML?

Атрибутът type="submit" в HTML елемент <button> или <input> определя, че този елемент е предназначен за изпращане на формата. При клик върху бутона с този атрибут, браузърът събира данните от всички елементи на формата, в която е включен бутона, и ги изпраща към URL, посочен в атрибута action на таг <form> (или към текущия URL, ако action не е указан).

Как работи:

• Вътре в <form>: Бутонът с type="submit" автоматично се асоциира с най-близкия родителски формуляр. Когато се кликне върху него, започва стандартният процес на изпращане на формата чрез HTTP метода, посочен в атрибута method (по подразбиране GET).
• Извън <form>: Бутон с type="submit" извън форма няма автоматична функция за изпращане. Може да се използва с JavaScript за ръчно изпращане на формата или за изпълнение на други действия.

Пример за използване:

<form action="/submit-handler" method="POST">
  <label for="username">Потребителско име:</label>
  <input type="text" id="username" name="username"><br><br>

  <label for="password">Парола:</label>
  <input type="password" id="password" name="password"><br><br>

  <button type="submit">Изпрати формата</button>
</form>

В този пример, при кликване върху бутона "Изпрати формата", браузърът ще изпрати данните от полетата username и password към URL /submit-handler чрез POST.

Сравнение с type="button":

Атрибут	Назначение	Автоматично изпращане на формата	Използване с JS
type="submit"	Изпращане на формата	Да	Да
type="button"	Произволен бутон, не свързан с изпращане	Не	Да