myNotlar Logo

<INPUT type=text>


HTML <INPUT type=text> etiketi, tek satırlık metin giriş kontrolü (textbox) oluşturulmasını sağlar.

HTML Sözdizimi ve Özellikler

<INPUT type=text
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ün ismini belirtir.
value=İlk değerini belirtir.
disabled=Girişe kapalı (pasif) olduğunu belirtir.
readonly=Kontrolün sadece okunabilir olduğunu belirtir.
size=Gösterilecek karakter miktarına göre genişliğini belirtir.
maxlength=Kontrole girilebilecek en fazla karakter miktarını belirtir.
tabindex=Sekme (tab) sırasını belirtir.
accesskey=Klavye ile erişim sağlanacak harfi belirtir.
/>

HTML & JavaScript Olayları

<INPUT type=text
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=text etiketi ile oluşturulan bir metin kutusu (textbox) ile kullanıcının yaşının alınarak, alınan değerin bir JavaScript fonksiyonu ile gösterilmesini göstermektedir.

<script type="text/javascript">
function yasGoster() {
	var deger = document.getElementById("girisYas").value
	alert(deger + " yaşındasınız.");
}
</script>

Lütfen yaşınızı giriniz : 
<input type="text" id="girisYas" />
<br />
<button type="button" onclick="yasGoster()">Yaş Göster</button>
Test Edin
Lütfen yaşınızı giriniz :
İlgili Başlıklar
 
myNotlar Hakkında
Telif Hakkı © 2007-2009 mynotlar.com Tüm Hakları Saklıdır. Kopyalanamaz. Yayınlanamaz.
E-Posta : support@myNotlar.com

| Tek Kişilik Oyunlar | Sudoku | YasinKa |