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:

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

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

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

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

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

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

Korriger følgende kode slik at knappen sender skjemaet til serveren:

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