Formulärknappar i JavaScript

Du vet redan att ett formulär skickas genom att klicka på en knapp. Men här finns det nyanser. Knappen måste ha attributet type satt till värdet submit:

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

Formuläret kommer också att skickas av taggen button med attributet type satt till värdet submit:

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

Formuläret kommer också att skickas om du sätter fokus i något av fälten och trycker på Enter.

En knapp med attributet type satt till värdet button används som ett sid-element och kommer inte att skicka formuläret:

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

Taggen button fungerar på samma sätt:

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

En knapp med attributet type satt till värdet reset kommer att rensa det ifyllda formuläret:

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>