Lomakkeen painikkeet JavaScriptissä

Tiedät jo, että lomake lähetetään painiketta napsauttamalla. Tässä on kuitenkin vivahteita. Painikkeella on oltava attribuutti type arvona submit:

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

Lomakkeen lähettää myös button-tagi attribuutilla type arvona submit:

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

Lomake lähetetään myös, jos mille tahansa input-kentästä asetetaan kohdistin ja painetaan Enter.

Painike, jolla on attribuutti type arvona button, toimii sivun elementtinä eikä lähetä lomaketta:

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

button-tagi toimii vastaavalla tavalla:

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

Painike, jolla on attribuutti type arvona reset, tyhjentää täytetyn lomakkeen:

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>