Bu yazıda Javascript’teki bir textboxdan(metin kutusundan) nasıl veri alınacağını göstereceğiz.
HTML Textbox, kullanıcının bir web formunun standart bir metin kutusuna veya metin alanına girebileceği girdidir.
Bu, web’de, bir kullanıcının ad, soyadı, telefon numarası, adres, posta kodu, e-posta adresi, kredi kartı bilgileri vb. bilgilerini doldurması gereken formlar gibi yaygın olarak kullanılır.
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 17 18 19 20 21 22 23 24 25 26 27 | <!doctype html> <html> <head> <meta charset="utf-8"> <title>JavaScript Örnekleri</title> </head> <body> <!-- 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> </body> </html> |
Yorum Yap