Vormi nupud JavaScriptis

Te juba teate, et vorm saadetakse nupu vajutamisel. Siin on aga nüansse. Nupp peab tingimata omama atribuuti type väärtusega submit:

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

Vormi saadab ka silt button atribuudiga type väärtusega submit:

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

Vorm saadetakse ka siis, kui suunata fookus ükskõik millisele sisendväljale ja vajutada Enter.

Nupp atribuudiga type väärtusega button kasutatakse lehe elemendina ega saada vormi:

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

Samamoodi töötab silt button:

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

Nupp atribuudiga type väärtusega reset tühjendab täidetud vormi:

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>