HTML’de kullanılan form etiketleri, web sayfalarındaki form alanlarına veri girişi yapılmasını sağlar. Bu etiketler, kullanıcılardan aldığınız bilgileri işlemek için sunucu tarafı kodlama dilleri ile birlikte kullanılır.
HTML’deki en yaygın form etiketlerinden bazıları şunlardır:
- <form> Form Etiketi: Bu etiket, web sayfasında bir form oluşturmak için kullanılır. action ve method özellikleri, formun gönderileceği URL’yi ve kullanılacak HTTP yöntemini belirtir. Örneğin:
<form action="submit.php" method="post">
<label for="ad">Adınız:</label>
<input type="text" id="ad" name="ad"><br><br>
<label for="email">E-posta Adresiniz:</label>
<input type="email" id="email" name="email"><br><br>
<input type="submit" value="Gönder">
</form>
- <label> Etiketi: Bu etiket, form alanları için bir etiket veya açıklama metni sağlar. for özelliği, etiketin hangi form alanıyla ilişkili olduğunu belirtir. Örneğin:
<label for="ad">Adınız:</label>
<input type="text" id="ad" name="ad">
- <input> Etiketi: Bu etiket, web sayfasındaki form alanları için kullanılır. type özelliği, form alanının türünü belirtir. Örneğin:
<input type="text" id="ad" name="ad">
<input type="email" id="email" name="email">
<input type="password" id="sifre" name="sifre">
<input type="checkbox" id="onay" name="onay">
<input type="radio" id="erkek" name="cinsiyet" value="Erkek">
<input type="radio" id="kadin" name="cinsiyet" value="Kadın">
<input type="submit" value="Gönder">
- <textarea> Etiketi: Bu etiket, çok satırlı metin girişi için kullanılır. rows ve cols özellikleri, metin alanının satır ve sütun sayısını belirtir. Örneğin:
<textarea id="mesaj" name="mesaj" rows="4" cols="50">
Mesajınızı buraya yazın...
</textarea>
- <select> ve <option> Etiketleri: Bu etiketler, bir seçenek listesi oluşturmak için kullanılır. Örneğin:
<select id="renk" name="renk">
<option value="kırmızı">Kırmızı</option>
<option value="yeşil">Yeşil</option>
<option value="mavi">Mavi</option>
</select>
Yukarıda verilen örnekler, HTML dilinde kullanılan en yaygın form etiketleri arasındadır. Bu etiketler, web sayfalarında kullanıcı girdileri almak ve işlemek için kullanılır.
Sonuç olarak, HTML’deki form etiketleri, web sayfalarında kullanıcılardan bilgi toplamak için oldukça önemlidir. Bu makalede <form> form etiketi, <label> etiketi, <input> etiketi, <textarea> etiketi, <select> ve <option> etiketleri gibi örnekler verdim. Bu etiketler, web sayfalarındaki form alanlarını oluşturmak ve kullanıcı girdilerini işlemek için kullanılır.