JavaScript'te Form Düğmeleri

Bir formun bir düğmeye tıklanarak gönderildiğini zaten biliyorsunuz. Ancak burada bazı nüanslar var. Düğmenin mutlaka type özniteliği submit değerine sahip olmalıdır:

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

Formu, type özniteliği submit değerine ayarlanmış button etiketi de gönderecektir:

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

Form, herhangi bir giriş alanına odaklanıp Enter tuşuna basıldığında da gönderilecektir.

type özniteliği button değerine ayarlanmış düğme, bir sayfa öğesi olarak kullanılır ve formu göndermez:

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

button etiketi de benzer şekilde çalışacaktır:

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

type özniteliği reset değerine ayarlanmış düğme, doldurulmuş formu temizleyecektir:

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

Aşağıdaki kodu, düğmenin formu sunucuya gönderecek şekilde düzeltin:

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