HTML <INPUT type=reset> etiketi, kullanıcının form kontrol değerlerini varsayılan değerlerine alarak sıfırlayabileceği (reset) bir düğme (button) kontrolü oluşturulmasını sağlar. Butona basıldığı zaman form girişlerindeki tüm değerler temizlenir.
HTML Sözdizimi ve Özellikler
<INPUT type=reset |
id= | Eşsiz kimliğini belirtir. |
class= | Sınıf adını belirtir. |
style= | CSS kuralları tanımlar. |
title= | Kısa bilgi belirtir. |
lang= | İçerdiği metnin lisanını belirtir. |
dir= | İçerdiği metnin yönünü belirtir. |
name= | Kontrol ismini belirtir. |
value= | Düğme üzerinde görünen metni belirtir. |
disabled= | Girişe kapalı (pasif) olduğunu belirtir. |
readonly= | Kontrolün sadece okunabilir olduğunu belirtir. |
tabindex= | Sekme (tab) sırasını belirtir. |
accesskey= | Klavye ile erişim sağlanacak harfi belirtir. |
/> |
HTML & JavaScript Olayları
<INPUT type=reset |
onclick= | Elemente klavye veya fare ile tıklandığında tetiklenir. |
ondblclick= | Elemente fare ile çift tıklandığında tetiklenir. |
onmousedown= | Element üzerinde fare tuşuna basıldığında tetiklenir. |
onmouseup= | Basılı olan fare tuşu bırakıldığında tetiklenir. |
onmouseover= | Elementin kapladığı alana girildiğinde tetiklenir. |
onmousemove= | Element üzerinde fare işaretçisi hareket ettirildiğinde tetiklenir. |
onmouseout= | Elementin kapladığı alandan çıkıldığında tetiklenir. |
onkeypress= | Element üzerindeyken klavyeden bir tuşa basıldığında tetiklenir. |
onkeydown= | Element üzerindeyken klavyeden bir tuşa ilk basıldığında tetiklenir. |
onkeyup= | Basılı olan klavye tuşu bırakıldığında tetiklenir. |
onfocus= | Elemente odaklanıldığında tetiklenir. |
onblur= | Element odaklanmasını yitirdiğinde tetiklenir. |
onchange= | Giriş kontrolü içeriği değiştiğinde tetiklenir. |
/> |
Örnek
Aşağıdaki örnek, HTML INPUT type=reset etiketi kullanılarak bir form sıfırlama (reset) düğme kontrolü oluşturulmasını göstermektedir. value özelliğine herhangi bir değer verilmediği için buton üzerinde gösterilecek metin tarayıcı tarafından belirlenir.
<form action="http://www.mynotlar.com/kullaniciekle.aspx" method="post">
<fieldset>
<legend>Kişisel Bilgiler</legend>
<table>
<tr><td>Ad Soyad : </td><td><input type="text" /></td></tr>
<tr><td>Doğum Tarihi : </td><td><input type="text" value="2009" /></td></tr>
</table>
<input type="reset" />
</fieldset>
</form>