En çok kullanılan olaydır. Bir nesneye tıklandığında çalışacak kodları yerine getirir.
<s c r i p t>
function onayla() {
alert("Mesajınız başarı ile gönderildi. Sizinle en yakın zamanda iletişime geçeceğiz.");
}
function temizle() {
return confirm("Form temizlensin mi?");
}
</script>
<form>
<fieldset>
<legend>Mesaj Gönder</legend>
<label>Rumuzunuz: </label> <input type="text"/> <br/><br/>
<label>e-Posta Adresiniz: </label> <input type="text"/> <br/><br/>
<label>Doğum Tarihiniz: </label> <input type="text"/> <br/><br/>
<label>Mesajınız: </label> <textarea rows="2" cols="18"></textarea> <br/><br/>
<input type="submit" value="Onayla" onclick="onayla()"/><br/><br/>
<input type="reset" value="Formu Temizle" onclick="return temizle()"/>
</fieldset>
</form>
Şeklinde kodlarımız olsun. HTML5 derslerinde kullandığımız örnek bir form. İlk olarak onayla( ) ve temizle( ) isimli iki fonksiyon tanımladım. Bunları "Onayla" ve "Form Temizle" düğmelerinde kullandım.
Burada dikkatimizi çeken temizle( ) fonksiyonundaki confirm( ) fonksiyonu ve return deyimi olmalı. confirm dilimizde onayla anlamına gelmektedir. "Ok" ve "Cancel" seçimlerinin olduğu bir uyarı penceresi açar. Fonksiyonda ve onclick olayında return kullanmamızın sebebi kullanıcı iptal'e tıkladığında reset'leme işlevinin yerine getirilmemesini sağlamak için.
Formdaki "Onayla" ve "Formu Temizle" düğmelerini test edebilirsiniz.
<s c r i p t>
function onayla() {
alert("Mesajınız başarı ile gönderildi. Sizinle en yakın zamanda iletişime geçeceğiz.");
}
function temizle() {
return confirm("Form temizlensin mi?");
}
</script>
<form>
<fieldset>
<legend>Mesaj Gönder</legend>
<label>Rumuzunuz: </label> <input type="text"/> <br/><br/>
<label>e-Posta Adresiniz: </label> <input type="text"/> <br/><br/>
<label>Doğum Tarihiniz: </label> <input type="text"/> <br/><br/>
<label>Mesajınız: </label> <textarea rows="2" cols="18"></textarea> <br/><br/>
<input type="submit" value="Onayla" onclick="onayla()"/><br/><br/>
<input type="reset" value="Formu Temizle" onclick="return temizle()"/>
</fieldset>
</form>
Şeklinde kodlarımız olsun. HTML5 derslerinde kullandığımız örnek bir form. İlk olarak onayla( ) ve temizle( ) isimli iki fonksiyon tanımladım. Bunları "Onayla" ve "Form Temizle" düğmelerinde kullandım.
Burada dikkatimizi çeken temizle( ) fonksiyonundaki confirm( ) fonksiyonu ve return deyimi olmalı. confirm dilimizde onayla anlamına gelmektedir. "Ok" ve "Cancel" seçimlerinin olduğu bir uyarı penceresi açar. Fonksiyonda ve onclick olayında return kullanmamızın sebebi kullanıcı iptal'e tıkladığında reset'leme işlevinin yerine getirilmemesini sağlamak için.
Formdaki "Onayla" ve "Formu Temizle" düğmelerini test edebilirsiniz.