HOME HTML ASP PHP JAVASCRIPT C# Makaleler Örnekler Kod Ekle   English
 
     
  JS Nedir
JS Değişkenler
JS İle Çalışmak

JS If Deyimi
JS Switch
JS For Döngüsü
JS While Döngüsü
JS Do Döngüsü

JS String İşlemleri
JS Nesneler
JS Pencere - Window
JS Çerçeve - Frame

JS Form Elemanları

JS Örnekler Samples


Javascript Form Elemanları ile Çalışmak

Web sayfaklarında en çok kullanılan elemanlar olarak form elemanları en ön sıralarda gelmektedir. Çünkü formlar yardımıyla kullanıcıdan bilgiler alınmaktave işlemler yapılmaktadır.

Hazırladığımız örnekte kullanıcının forma girdiği değerleri nasıl okuyacağımız gösterilmiştir.

******************************************************

<html>

<head>

<script language="JavaScript">

<!--

function verioku(adi) {

    alert("Hoşgeldiniz. Adınız : "+ adi +"...");

}

-->

</script>

</head>

<body>

<form>

Lütfen Adınızı giriniz: <input type="text" name="isim" onBlur="verioku(this.value)" value="">

</form>

</body>

</html>

******************************************************
******************************************************

Yukarıdaki sayfada kullanıcının adını belirtilen bölüme girdikten sonra "Hoşgeldiniz. Adınız ......" şeklinde mesaj verilmektedir.

<input> komutları arasındaki "onBlur" komutu kullanıcının forma bilgi girildiğinde hangi fonksiyonu çağıracağını belirtmektedir. Formu doldurup 'enter' tuşuna bastığında veya fareyi dışarıda bir yere tıkladığında "verioku(adi)" fonksiyonu çağırmaktadır.

Fonksiyon "verioku(this.value)' komutu ile forma girilen değeri almaktadır. "this.value" (bu.değer) bu forma girilen bilgiyi ifade etmektedir.

alert("Hoşgeldiniz. Adınız : "+ adi +"...");

komutu ile fonksiyona gelen değerde kullanılarak ekranda bilgi mesajı olarak gösterilmektedir.

Javascript'te alert() komutu diğer dillerdeki mesaj kutuları ile aynı işlevi yapmaktadır. Bilgi mesajları veya uyarı mesajları vermek için kullanılmaktadır.

 
  email : info@kodornekleri.com