HTML Form Oluşturma
HTML Formları kullanıcının klavye ile girdiği
bilgileri işlemek için kullanılır.
Örnekler
Metin Alanları
Şifreli Giriş Alanları
Formlar
Bir form, form elemanlarını içinde bulunduran alandır.
Form elemanları kullanıcıların bilgi girmesini sağlayan
elemanlardır. (metin alanları, açılabilir listeler, seçenek
kutuları, kontrol kutuları)
Kullanım biçimi:
<form>
<input>
<input>
</form> |
Giriş (Input)
En çok kullanılan form etiketi <input> etiketidir.
Metin Alanları
Kullanıcının rakam veya harf girmesini istediğiniz yerlerde bunu
kullabilirsiniz.
<form>
Adınız:
<input type="text" name="isim">
<br>
Soyadınız:
<input type="text" name="soyad">
</form> |
Çıktısı:
Formun kendisinin görünmediğine dikkat ediniz. Ayrıca bir çok
tarayıcının metin giriş alanı için varsayılan olarak 20 karakterlik
alan bıraktığına dikkat ediniz.
Seçenek Butonları (Radio Buttons)
Kullanıcının bir çok seçenek içinden sadece bir tanesini
seçebilmesini istediğiniz zaman bunu kullanırsınız.
<form>
<input type="radio" name="Cinsiyet" value="Erkek"> Erkek
<br>
<input type="radio" name="Cinsiyet" value="Kadın"> Kadın
</form> |
Çıktısı:
Kontrol kutuları (Checkboxes)
Kullanıcının, sunulan seçenekler içinden istediği kadar seçmesini
sağlamak için bunu kullanabilirsiniz.
<form>
Bir bisikletim var:
<input type="checkbox" name="Tasit" value="Bisiklet">
<br>
Bir arabam var:
<input type="checkbox" name="Tasit" value="Araba">
<br>
Bir uçağım var:
<input type="checkbox" name="Tasit" value="Uçak">
</form> |
Çıktısı:
Formlarda "Action" Parametresi ve "Submit" Butonu
Kullanıcı submit (gönder) butonuna tıkladığında girilen bilgiler
başka bir sayfaya gönderilir. Action parametresinde ise bilgilerin
hangi dosyaya gönderileceği belirtilir. Bilgilerin gönderildiği
dosya, genellikle gelen bilgilerle ilgili ne tür işlem yapılacağı
hakkında bilgiler içerir.
<form name="input" action="ornekler/html_form_action.php"
method="get" target="_blank">
Kullanıcı Adı:
<input type="text" name="kullanici">
<input type="submit" value="Gönder">
</form> |
Çıktısı:
Eğer yukarıdaki kutuya birşeyler yazıp butona tıklarsanız,
girdiğiniz bilgileri
"html_form_action.php" dosyasına gönderirsiniz. Yeni pencerede
açılacak olan bu sayfada girmiş olduğunuz bilgileri görebilirsiniz.
Form Etiketleri
Etiket |
Açıklama |
<form> |
Form |
<input> |
Giriş alanı |
<textarea> |
Çok satırlı metin giriş alanı |
<label> |
Etiket |
<fieldset> |
Alanların ayarlarının nasıl olacağını belirtir. |
<legend> |
Manşet |
<select> |
Açılabilir liste (combobox) |
<optgroup> |
Seçenek kutusu grubu |
<option> |
Açılabilir liste içindeki maddeleri belirtir. |
<button> |
Buton |
<isindex> |
Önemsiz. Bunun yerine <input>
etiketini kullanınız. |
|