Scriptler'de Form elemanları

0 Üye ve 1 Ziyaretçi konuyu incelemekte.

Çevrimdışı D®agon

  • Ezberletmez Öğretir
  • *******
  • Join Date: Mar 2008
  • Yer: Ankara
  • 11650
  • +524/-0
  • Cinsiyet: Bay
    • Arif Hocam
Scriptler'de Form elemanları
« : 14 Ocak 2011, 19:05:15 »
Şimdi size kullanıcının forma yazdığı şeyleri nasıl okuyacağınızı göstereceğim.

<html>
<head>
<script language="JavaScript">
<!--  Eski alıcılardan scripti saklayalım
  function adoku(str) {
    alert("Uyanan Gençlik "  str "!");
  }
// saklama işlemini sona erdirelim -->
</script>
</head>
<body>
Adınız:
<form>
  <input type="text" name="name" onBlur="adoku(this.value)" value="">
</form>
</body>
</html>

Şimdi bu scripti test edebilirsiniz:

[html] Adınız: [/html]
<br>
<br>
Bu script'te de yeni bazı elemanlar kullandık.
İlk başta bir yorum yerleştirdik ki eski alıcılar script'i okumaya çalışmasın.
Bu satırlardaki boşluklar ve yazıların yerleştirildiği yerler önemlidir.

Yanlış yazarsanız bu script'iniz JavaScript destekli alıcılarda hata mesajı yaratır.

<input> komutları arasındaki 'onBlur' komutu bilgisayara forma bilgi girildiğinde hangi fonksiyonu çağıracağını söyler. Formu doldurup 'enter' tuşuna bastığınızda ya da fareyi dışarıda biryere tıkladığınızda 'adoku(str)' fonksiyonu çağrılır.

Fonksiyon da 'adoku(this.value)' komutu ile forma girdiğiniz bilgiyi alır. 'this.value'(bu.değer)
bu forma girdiğiniz değer anlamına gelir.