Standart HTML sayfalarında kullanıcılardan bilgi almak için Form nesneleri en sık tercih edilen yöntemlerdendir. DOM’in JavaScript kullanarak HTML nesneleri ile sayfayı etkileşimli hale getirmesini sağlarız.
Bu uygulamada,Javascript’teki bir textboxdan(metin kutusundan) nasıl veri alınacağını göstereceğiz.
Tanımı ve Kullanımı
value özelliği, bir metin alanının value niteliğinin değerini değiştirir veya döndürür.
value özelliği varsayılan değeri veya bir kullanıcının girdiği değeri (veya bir komut dosyası tarafından belirlenen bir değeri) içerir.
|
1 2 3 |
document.getElementById("txtAd").value = "Ahmet Can"; |
Örnek: Aşağıda, kullanıcıdan adını isteyen bir web formu örneği verilmiştir.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 |
<!-- Javascript'te bir metin kutusundan veri alma --> <input type="text" id="txtAd" value="Ahmet"> <script> //metin kutusunun içindeki değer value özelliğinde tutulur. //değeri almak yada değiştirmek için value özelliği kullanılır. //değeri odeğiştirdik. document.getElementById("txtAd").value="Hayri"; //değeri okuyalım var ad=document.getElementById("txtAd"); window.alert(ad.value); </script> |
Örnek: Buton ile textbox içindeki değeri okuma
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 |
<!-- Javascript'te bir metin kutusundan veri alma --> <input type="text" id="txtAd" value="Ahmet"> <button id="uyari">Selamla</button> <script> //buton ile div içinde yazdıralım. var btn=document.getElementById("uyari"); btn.onclick=function(){ var ad=document.getElementById("txtAd"); window.alert("Hoşgeldin: "+ad.value); } </script> |
Add Comment