Κουμπιά φόρμας στο JavaScript

Γνωρίζετε ήδη ότι μια φόρμα υποβάλλεται πατώντας ένα κουμπί. Εδώ, ωστόσο, υπάρχουν λεπτές διαφορές. Το κουμπί πρέπει οπωσδήποτε να έχει το χαρακτηριστικό type με τιμή submit:

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

Η φόρμα θα υποβληθεί επίσης από την ετικέτα button με το χαρακτηριστικό type με τιμή submit:

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

Η φόρμα θα υποβληθεί επίσης, εάν σε οποιοδήποτε από τα πεδία εισαγωγής τοποθετηθεί η εστίαση και πατηθεί το Enter.

Το κουμπί με το χαρακτηριστικό type με τιμή button χρησιμοποιείται ως στοιχείο της σελίδας και δεν θα υποβάλει τη φόρμα:

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

Με παρόμοιο τρόπο θα λειτουργεί η ετικέτα button:

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

Το κουμπί με το χαρακτηριστικό type με τιμή reset θα καθαρίζει τη συμπληρωμένη φόρμα:

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

Διορθώστε τον ακόλουθο κώδικα έτσι, ώστε το κουμπί να υποβάλλει τη φόρμα στον διακομιστή:

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