Gombok űrlapban JavaScriptben

Már tudod, hogy egy űrlap elküldése gombnyomásra történik. Itt azonban vannak árnyalatok. A gombnak rendelkeznie kell a type attribútummal, amelynek értéke submit kell legyen:

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

Az űrlapot a button tag is elküldi a type attribútummal, amelynek értéke submit:

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

Az űrlap akkor is elküldődik, ha bármelyik inputmezőbe fókuszálunk és lenyomjuk az Enter billentyűt.

A type attribútummal rendelkező gomb, amelynek értéke button, oldalelemként szolgál és nem küldi el az űrlapot:

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

Hasonló módon működik a button tag:

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

A type attribútummal rendelkező gomb, amelynek értéke reset, kitörli a kitöltött űrlapot:

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>