Html Erke Kakdın Butonu Ekleme

HTML’de Erkek/Kadın Seçenekleri İçin Radyo Butonları Ekleme

Web formlarında kullanıcıların cinsiyetlerini belirtmeleri için seçenekler sunmak genellikle gereklidir. HTML’de, bu seçenekleri sağlamak için radyo butonları kullanılır. Bu makale, HTML’de erkek ve kadın seçenekleri için radyo butonları eklemeyi ayrıntılı olarak açıklayacaktır.

Radyo Butonları Nedir?

Radyo butonları, bir grup seçenekten yalnızca birini seçmenize olanak tanıyan özel HTML girişleridir. Bir gruptaki tüm radyo butonları aynı ada sahip olmalıdır ve seçildiğinde, gruptaki diğer tüm radyo butonları devre dışı bırakılır.

Erkek/Kadın Radyo Butonları Ekleme

Erkek ve kadın seçenekleri için radyo butonları eklemek için aşağıdaki adımları izleyin:

  1. Form Etiketi Oluşturun: Öncelikle, radyo butonlarını içerecek bir form etiketi oluşturun:

“`html

“`

2. **Radyo Butonu Grubu Oluşturun:** Ardından, erkek ve kadın seçenekleri için bir radyo butonu grubu oluşturun. Her radyo butonu için bir `input` etiketi kullanın ve `type` özniteliğini `radio` olarak ayarlayın:

“`html
Erkek
Kadın
“`

3. **Ad Özniteliğini Ayarlayın:** Tüm radyo butonları aynı ada sahip olmalıdır. Bu örnekte, ad `gender` olarak ayarlanmıştır.

4. **Değer Özniteliğini Ayarlayın:** Her radyo butonu, gönderildiğinde sunucuya gönderilecek bir değere sahip olmalıdır. Bu örnekte, erkek seçeneği için değer `male` ve kadın seçeneği için değer `female` olarak ayarlanmıştır.

5. **Etiketler Ekleyin:** Radyo butonlarının yanında, kullanıcıların seçeneği anlamalarına yardımcı olacak etiketler ekleyin:

“`html


“`

6. **Formu Kapatın:** Son olarak, formu kapatın:

“`html

“`

Örnek Kod

Aşağıdaki kod, erkek ve kadın seçenekleri için radyo butonları içeren tam bir HTML form örneğidir:

“`html






“`

Faydalı Kaynaklar

Yayımlandı

kategorisi