Javascript_Form_nesnesi.htm

form nesnesi

Javascript açısından formlar birer nesnedir. Bir formun tüm elemanlarına ulaşılabilir. Formun javascript için adı forms dur ve tüm formlar forms[] dizisi altında tutulurlar. Formları oluşturan elemanlar da javascript için elements dir ve elments[] dizisi altında tutulurlar.

Bir forma ulaşmak için forms[] dizisi kullanılabilirsede biz forma ulaşmak için onun adından yararlanacağız. Her form bir nesne olduğuna göre her formun birde adı olmak zorundadır. Yine her form elemanına ulaşmak için o elemanın adından faydalanacağız.

Daha önce formlar ile ilgili örnekler görmüştük şimdi ise form elemanlarına ulaşmak ve onlara değer aktarıp değer almayı öğreneceğiz.

textkutuları-password kutucukları-textalanları(textarea)-butonlar

Form içerisinde bulunan textkutuları-password kutucukları-textalanları(textarea)-butonlara bir isim ve birde değer veriyoruz. İsim için name değer içinse value parametresini kullanıyoruz. Bir text alanının hem değerini okuyabilir ve hemde bir değer atayabiliriz. Bir text alanına ulaşmak için:

deger=document.formAdi.textalanıAdi.value;

şeklinde bir kullanım yeterlidir. Bu şekilde bir kullanım deger değişkenine textalanının değerini atayacaktır. Yine bir textalanına bir değer atamak için ise;

document.formAdi.textalanıAdi.value="atanacak deger";

şeklinde bir kullanım yeterlidir. Şimdi basit bir örnek ile textalanın değerini okumayı ve textalanına bir değer aktarmayı görelim. Örneğimizde bir textkutusu ve birde textalanı hazırlayacağız. Bir buton yardımı ile textkutusuna yazılı olan değeri textalanına aktaracağız.


<html>
<head>
<title>textalanına değer aktarmak</title>
<script>
<!-- gizle
function karsila(){
// isim değişkenine isimGiris adlı
// metin alanının değerini atıyoruz.
var isim=document.isimForm.isimGiris.value;
var karsilama="merhaba ";
var yazi=karsilama+isim;
// sonuc adlı text alanına yazi değişkenini yazdırıyoruz.
document.isimForm.sonuc.value=yazi;
}
// gizleme sonu -->
</script>
</head>
<body>
<form name=isimForm>
<input type=text name=isimGiris size=30 onChange="karsila()">
<input type=buton name=ok value=tamam onClick="karsila()">
<br><textarea rows=3 cols=40 name=sonuc></textarea>
</form>
</body>
</html>

 

Yardım İçin Sadece Bir Tık Yeter
 
Sponsor
 
.tk
 
Bu web sitesi ücretsiz olarak Bedava-Sitem.com ile oluşturulmuştur. Siz de kendi web sitenizi kurmak ister misiniz?
Ücretsiz kaydol