Przyciski formularza w JavaScript

Wiesz już, że formularz jest wysyłany po naciśnięciu przycisku. Tutaj jednak istnieją niuanse. Przycisk musi mieć atrybut type o wartości submit:

public/form.html<form>
  <input name="test1">
  <input name="test2">
  <input type="submit">
</form>

Formularz zostanie również wysłany przez tag button z atrybutem type o wartości submit:

public/form.html<form>
  <input name="test1">
  <input name="test2">
  <button type="submit">btn</button>
</form>

Formularz zostanie również wysłany, jeśli w dowolnym polu wprowadzania ustawimy fokus i naciśniemy Enter.

Przycisk z atrybutem type o wartości button jest używany jako element strony i nie będzie wysyłał formularza:

public/form.html<form>
  <input name="test1">
  <input name="test2">
  <input type="button">
</form>

W analogiczny sposób będzie działał tag button:

public/form.html<form>
  <input name="test1">
  <input name="test2">
  <button>btn</button>
</form>

Przycisk z atrybutem type o wartości reset będzie czyścił wypełniony formularz:

public/form.html<form>
  <input name="test1">
  <input name="test2">
  <input type="reset">
  <input type="submit">
</form>

html<form>
  <input name="name">
  <input name="surn">
  <button>send</button>
</form>