html formlar
DESCRIPTION
HTML Formlar. Name formun adı Action formun gönderilecegi adres. Bu adres uzun URL yada lokaldeki CGI adresi Kullanılan method POST yada GET GET ile adres satırında değişkenler gözükür. POST ile adres satırında değişkenler gözükmez. - PowerPoint PPT PresentationTRANSCRIPT
![Page 1: HTML Formlar](https://reader035.vdocuments.net/reader035/viewer/2022062309/56814794550346895db4c61a/html5/thumbnails/1.jpg)
<form name action method></form> Name formun adı Action formun gönderilecegi adres. Bu adres uzun URL yada lokaldeki CGI adresi Kullanılan method POST yada GET GET ile adres satırında değişkenler gözükür. POST ile adres satırında değişkenler gözükmez.
HTML Formlar
![Page 2: HTML Formlar](https://reader035.vdocuments.net/reader035/viewer/2022062309/56814794550346895db4c61a/html5/thumbnails/2.jpg)
Form İşleme – GET Metodu
![Page 3: HTML Formlar](https://reader035.vdocuments.net/reader035/viewer/2022062309/56814794550346895db4c61a/html5/thumbnails/3.jpg)
Form İşleme – GET Metodu
![Page 4: HTML Formlar](https://reader035.vdocuments.net/reader035/viewer/2022062309/56814794550346895db4c61a/html5/thumbnails/4.jpg)
Form İşleme – POST Metodu
![Page 5: HTML Formlar](https://reader035.vdocuments.net/reader035/viewer/2022062309/56814794550346895db4c61a/html5/thumbnails/5.jpg)
Form İşleme – POST Metodu
![Page 6: HTML Formlar](https://reader035.vdocuments.net/reader035/viewer/2022062309/56814794550346895db4c61a/html5/thumbnails/6.jpg)
<input type= "text" name= "kullanici" value= " " > Metin girişi için kullanılır. Maxlength özelligi ile girilen karakter sayısı sınırlanır.
Form Elemanları - Metin Kutu
![Page 7: HTML Formlar](https://reader035.vdocuments.net/reader035/viewer/2022062309/56814794550346895db4c61a/html5/thumbnails/7.jpg)
<input type= "password" name= "sifre" value= " " > Şifreli metin girişi için kullanılır. Maxlength özelligi ile girilen karakter sayısı sınırlanır.
Form Elemanları - Metin Kutu
![Page 8: HTML Formlar](https://reader035.vdocuments.net/reader035/viewer/2022062309/56814794550346895db4c61a/html5/thumbnails/8.jpg)
<input type= "submit" name= “b1" value= "Gönder" > Formu göndermeye yarar.
Form Elemanları - Buton
![Page 9: HTML Formlar](https://reader035.vdocuments.net/reader035/viewer/2022062309/56814794550346895db4c61a/html5/thumbnails/9.jpg)
<input type= “button" name= “b2" value= “Kontrol" > Genel amaçlı buton. JavaScript fonksiyonu çagırabilir diğerleri gibi. Örnegin onClick=“TestForm();” gibi
Form Elemanları - Buton
![Page 10: HTML Formlar](https://reader035.vdocuments.net/reader035/viewer/2022062309/56814794550346895db4c61a/html5/thumbnails/10.jpg)
<input type= “reset" name= “b3" value= “Temizle" > Formu temizler.
Form Elemanları - Buton
![Page 11: HTML Formlar](https://reader035.vdocuments.net/reader035/viewer/2022062309/56814794550346895db4c61a/html5/thumbnails/11.jpg)
<input type= “radio" name= “cinsiyet" value= “E" > Birden fazla seçenekten tekinin seçilmesi. Checked özelliği ile başlangıçta seçili gelme.
Form Elemanları – Radyo Buton
![Page 12: HTML Formlar](https://reader035.vdocuments.net/reader035/viewer/2022062309/56814794550346895db4c61a/html5/thumbnails/12.jpg)
<input type= “checkbox" name= “kitap" value= “roman" > Birden fazla seçenegin aynı anda seçilmesi. Checked özelliği ile başlangıçta seçili gelme.
Form Elemanları – Onay Kutusu
![Page 13: HTML Formlar](https://reader035.vdocuments.net/reader035/viewer/2022062309/56814794550346895db4c61a/html5/thumbnails/13.jpg)
<input type= “checkbox" name= “kitap[]" value= “roman" > Dizi şeklinde gönderilirse birden fazla seçenek işlenebilir.
Form Elemanları – Onay Kutusu
![Page 14: HTML Formlar](https://reader035.vdocuments.net/reader035/viewer/2022062309/56814794550346895db4c61a/html5/thumbnails/14.jpg)
<select name="kardessayi"> <option value="0" checked>Tek Çocuğum</option> Checked ile başlangıçta seçili gelme.
Form Elemanları - Açılır Kutu
![Page 15: HTML Formlar](https://reader035.vdocuments.net/reader035/viewer/2022062309/56814794550346895db4c61a/html5/thumbnails/15.jpg)
Form elemanlarına document.formadi.nesneadi.ozellik Nesnenin özellik ve metodlarına erişilir.
JavaScript Form İşleme