Form Oluşturma
HTML Formları kullanıcının klavye ile girdiği bilgileri işlemek için kullanılır.ÖR1:
HTML:
<html>
<body>
<form action="">
İsim
<input type="text" name="isim">
<br>
Soyisim:
<input type="text" name="soyisim">
</form>
</body>
</html>
Resim1:
Formlar
Form elemanları kullanıcıların bilgi girmesini sağlayan elemanlardır.ÖR2:
HTML:
<form>
<input>
<input>
</form>
Input Etiketi
En çok kullanılan form etiketi <input> etiketidir.Metin Cevlandırması
Kullanıcının rakam veya harf girmesini istediğiniz yerlerde bunu kullabilirsiniz.ÖR3:
HTML:
<form>
Adınız:
<input type="text" name="isim">
<br>
Soyadınız:
<input type="text" name="soyad">
</form>
Resim3:
Butonlu Seçenek Tek Seçim
Kullanıcının bir çok seçenek içinden sadece bir tanesini seçebilmesini istediğiniz zaman bunu kullanırsınız.
ÖR4:
HTML:
<form>
<input type="radio" name="Sayı" value="1"> 1
<br>
<input type="radio" name="Sayı" value="2"> 2
</form>
Resim 4:
Butonlu Seçenek Çoklu Seçim
Kullanıcının bir çok seçenek içinden Çokulu seçebilmesini istediğiniz zaman bunu kullanırsınız.
ÖR5:
HTML:
<form>
1:
<input type="checkbox" name="Sayı" value="1">
<br>
2:
<input type="checkbox" name="Sayı" value="2">
<br>
3:
<input type="checkbox" name="Sayı" value="3">
</form>
Resim5:
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
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 |