Formulierknoppen in JavaScript

Je weet al dat een formulier wordt verzonden door op een knop te klikken. Hier zijn echter nuances. De knop moet het attribuut type hebben met de waarde submit:

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

Het formulier wordt ook verzonden door de tag button met het attribuut type met de waarde submit:

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

Het formulier wordt ook verzonden als je in een willekeurig invoerveld de focus zet en op Enter drukt.

Een knop met het attribuut type met de waarde button wordt gebruikt als een pagina-element en zal het formulier niet verzenden:

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

De tag button werkt op dezelfde manier:

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

Een knop met het attribuut type met de waarde reset zal het ingevulde formulier leegmaken:

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

Pas de volgende code zo aan, dat de knop het formulier naar de server verzendt:

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