Skjemaknapper i JavaScript

Du vet allerede at et skjema sendes inn ved å trykke på en knapp. Her er det imidlertid nyanser. Knappen må ha attributtet type med verdien submit:

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

Skjemaet vil også bli sendt inn av taggen button med attributtet type med verdien submit:

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

Skjemaet vil også bli sendt inn hvis du setter fokus i et av input-feltene og trykker Enter.

En knapp med attributtet type med verdien button brukes som et sideelement og vil ikke sende inn skjemaet:

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

button-taggen vil fungere på samme måte:

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

En knapp med attributtet type med verdien reset vil tømme det utfylte skjemaet:

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>