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:

<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:

<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:

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

Taggen button fungerar på samma sätt:

<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:

<form>
	<input name="test1">
	<input name="test2">
	<input type="reset">
	<input type="submit">
</form>

Korrigera följande kod så att knappen skickar formuläret till servern:

<form>
	<input name="name">
	<input name="surn">
	<button>send</button>
</form>