Bir web sitesine üye olurken karşınıza birçok onay kutusu veya soruları doldurmak ve işaretlemek için formları çıkmaktadır.
Bu form nasıl oluşturulur form elemanları nelerdir bu yazımızda bulabilirsiniz. Form da kullanılacak etiketler, kodlar nelerdir hemen bununla ilgili konumuza başlayalım.
<form> web sitemizde bir form oluşturmak, form açmak için <form> etiketi ile başlanması gerekmektedir.
Oluşturmak için giriş kutusu tipi için <input type=””> bu etiket tipi kullanılmaktadır. Buna örnek verecek olursa “” iki tırnak arasına bir giriş konusu eklenmelidir. Mesela <input type=”şifre”> gibi bir örnekleme yapılmalıdır.
Text etiketi ise oluşturulacak giriş kutusunda metin olmasını istediğiniz yerlerde bu etiket kullanılmaktadır.
Oluşturulacak bir form da şifre girilmesini istediğiniz yerlerde Password etiketi kullanılmaktadır. Bu alanda yazılım şifreleri **** şeklinde kimsenin görmeyeceği şekilde şifrelemektedir.
Checkbox etiketi ise onay kutusu olarak adlandırılır. Çoklu seçim yapılabilir.
Radio etiketi radyo düğmeleri olarak adlandırılır. Çoklu seçim yapılamaz.
Reset etiketi temizleme butonudur. Yanlış olduğunu düşündüğünüz form sayfasını temizlemek için kullanılmaktadır.
Yukarıda verdiğimiz etiketle bir örnekleme yaparak nasıl bir form oluşturduğumuza bakalım.
<html>
<H1> ÜYELİK KABUL FORMU</H1>
<form>
Kullanıcı Adınız: <input type=”text”>
<br><br>
Kullanıcı Şifresi ( Max 5): <input type=”password” maxlength=”5”>
<br><br>
<br>İLGİ DUYDUĞUNUZ ALANLARI İŞARETLEYİN</br>
<input type=”checkbox” name:”ilk seçenek” checked=”on” > Spor <br><br>
<input type=”checkbox” name:”ikinci seçenek”> Okumak <br>
<input type=”submit” value=”Kaydet”>
<input type=”reset” value=”Temizle”>
</form>
</html>
Yukarıda etiketleri kullanarak bir basit bir form oluşturabilirsiniz. Günümüz WordPress alt yapısını kullanan sitelerde hazır eklentiler ile bu formları oluşturmak çok kolaydır.
Bu konumuzda form nasıl oluşturulur konusunda bilgi vermeye çalıştık. Konumuzla ilgili sorular için sayfamızın hemen altında yorumlar sekmesinde bizimle sorularınızı paylaşabilirsiniz. KOD: 2021-2022-2023-2024-2025-2026
