HTML Basit Form Örnekleri
HTML formları, kullanıcıların web sitelerine veya web uygulamalarına veri girmesini sağlayan bir araçtır. Formlar, metin alanları, şifre alanları, radyo düğmeleri, onay kutuları, açılır listeler ve gönder düğmeleri gibi çeşitli öğelerden oluşabilir.
HTML formları oluşturmak için <form> ve </form> etiketleri kullanılır. Formun içindeki öğeler, <input>, <select> ve <button> gibi etiketlerle tanımlanır.
Aşağıdaki örnek, basit bir HTML formudur:
“`html
“`
Bu form, kullanıcının adını, e-posta adresini ve mesajını girmesini sağlar. Kullanıcı “Gönder” düğmesine tıkladığında, form verileri sunucuya gönderilir.
HTML Form Örnekleri
Aşağıdaki örnekler, farklı amaçlar için kullanılabilecek HTML form örnekleridir:
- İletişim Formu: Bu form, kullanıcıların web sitesi sahibine mesaj göndermesini sağlar.
- Kayıt Formu: Bu form, kullanıcıların bir web sitesine veya web uygulamasına kayıt olmasını sağlar.
- Anket Formu: Bu form, kullanıcıların anket sorularını yanıtlamasını sağlar.
- Sipariş Formu: Bu form, kullanıcıların bir web sitesinden ürün veya hizmet sipariş etmesini sağlar.
- Ödeme Formu: Bu form, kullanıcıların bir web sitesinden ürün veya hizmet için ödeme yapmasını sağlar.
HTML Form Öğeleri
HTML formları, çeşitli öğelerden oluşabilir. Bu öğeler şunlardır:
- Metin Alanları: Metin alanları, kullanıcıların metin girmesini sağlar.
- Şifre Alanları: Şifre alanları, kullanıcıların şifre girmesini sağlar.
- Radyo Düğmeleri: Radyo düğmeleri, kullanıcıların bir grup seçenek arasından birini seçmesini sağlar.
- Onay Kutuları: Onay kutuları, kullanıcıların bir veya daha fazla seçeneği seçmesini sağlar.
- Açılır Listeler: Açılır listeler, kullanıcıların bir grup seçenek arasından birini seçmesini sağlar.
- Gönder Düğmeleri: Gönder düğmeleri, form verilerini sunucuya gönderir.
HTML Form Öğeleri Örnekleri
Aşağıdaki örnekler, HTML form öğelerinin nasıl kullanılabileceğini göstermektedir:
- Metin Alanları:
html
<label for="name">Adınız:</label>
<input type="text" id="name">
Bu örnek, kullanıcının adını girmesini sağlayan bir metin alanıdır.
- Şifre Alanları:
html
<label for="password">Şifreniz:</label>
<input type="password" id="password">
Bu örnek, kullanıcının şifresini girmesini sağlayan bir şifre alanıdır.
- Radyo Düğmeleri:
html
<label for="gender">Cinsiyetiniz:</label>
<input type="radio" id="male" name="gender" value="male">
<label for="male">Erkek</label>
<input type="radio" id="female" name="gender" value="female">
<label for="female">Kadın</label>
Bu örnek, kullanıcının cinsiyetini seçmesini sağlayan bir grup radyo düğmesidir.
- Onay Kutuları:
html
<label for="terms">Kullanım koşullarını kabul ediyorum.</label>
<input type="checkbox" id="terms">
Bu örnek, kullanıcının kullanım koşullarını kabul etmesini sağlayan bir onay kutusudur.
- Açılır Listeler:
“`html
“`
Bu örnek, kullanıcının ülkesini seçmesini sağlayan bir açılır listedir.
- Gönder Düğmeleri:
html
<button type="submit">Gönder</button>
Bu örnek, form verilerini sunucuya gönderen bir gönder düğmesidir.