Radyo Düğmeleri
Netlik ve şıklıkla tekli seçimler toplayın. Basit evet/hayır sorularından esnek düzenlere, özel seçeneklere ve akıllı özelliklere sahip karmaşık çok seçenekli seçimlere kadar, Radyo Düğmeleri alanı, kullanıcıların listenizden tam olarak bir yanıt seçmesini sağlar.
Tek seçenekli sorular için mükemmel.
Mükemmel:
Her Kullanım Senaryosu İçin Güçlü Özellikler
🎨 Esnek Yerleşim Seçenekleri
Üç Profesyonel Tasarım:
- Dikey (Yığılmış) – Seçenekler, dikey olarak yığılmış şekilde, her satırda bir tane olacak şekilde görünür. Uzun seçenek etiketleri için en geleneksel ve okunabilir düzendir.
- Yatay (Satır İçi) – Seçenekler yan yana, bir satırda görünür. Kısa etiketler ve kompakt formlar için idealdir.
- Izgara (2 Sütun) – Seçenekler iki sütunlu bir ızgarada düzenlenmiştir. Okunabilirliği korurken yerden tasarruf sağlar.
Şunlara Göre Seçin:
- Dikey: Uzun seçenek etiketleri, detaylı seçimler, geleneksel formlar
- Yatay: 2-5 kısa seçenek (Evet/Hayır, Erkek/Kadın, vb.)
- Izgara: 4+ orta uzunlukta seçenek, dengeli düzen
Tepkisel Davranış:
Tüm düzenler, daha iyi dokunmatik etkileşim için gerektiğinde dikey olarak üst üste sıralanarak mobil ekranlara otomatik olarak uyum sağlar.
🎲 Seçeneklerin Sırasını Rastgeleleştir
Anket Düzeyinde Rastgeleleştirme
Form her yüklendiğinde seçeneklerin sırasını yeniden düzenler. Anketlerde, kamuoyu yoklamalarında ve araştırma formlarında pozisyon yanlılığını ortadan kaldırır.
Rastgeleleştirmenin Nedeni?
- Anketlerde sıralama yanlılığını önler.
- Adil seçim ve dağıtımı sağlar.
- Profesyonel araştırma metodolojisi
- Veri kalitesini artırır
İçin mükemmel:
- Anket formları ve soru formları
- A/B testi ve araştırma
- Anket ve oylama
- Tercih çalışmaları
Akıllı Davranış:
Ana seçenekler rastgele seçilse bile, "Diğer" ve "Yukarıdakilerin hiçbiri" gibi özel seçenekler en altta kalabilir.
❌ “Yukarıdakilerin Hiçbiri” Seçeneği
Açık Seçimsizlik
Listenizin sonuna "Yukarıdakilerin hiçbiri" veya "Uygulanamaz" seçeneği ekleyin. Bu, kullanıcılara hiçbir seçeneğin geçerli olmadığını belirtmenin net bir yolunu sunar.
Bunu neden dahil ettik?
- Zorunlu seçimleri engeller.
- Veri doğruluğunu artırır
- Her yönüyle ele alındığını gösteriyor.
- Form terkini azaltır.
İçin mükemmel:
- İsteğe bağlı tercih soruları
- “Uygulanabilecek tüm seçenekleri işaretleyin” tarzındaki sorular
- Nitelik denetleyicileri
- İlgi alanları
Akıllı Konumlandırma:
"Hiçbiri" seçeneği her zaman en sonda yer alarak normal seçeneklerden net bir şekilde ayrılır.
🔧 Kolay Seçenek Yönetimi
Seçimler Üzerinde Tam Kontrol:
- Seçenek Ekle – “Seçenek Ekle” yazın ve tıklayın veya Enter tuşuna basın. Listenizi saniyeler içinde oluşturun.
- Düzenleme Seçenekleri – Hem görüntülenen metni (kullanıcıların gördüğü) hem de değerleri (gönderilen) bağımsız olarak güncelleyin.
- Seçenekleri Yeniden Sırala – Seçenekleri mükemmel sıraya göre düzenlemek için yukarı/aşağı okları kullanın.
- Seçenekleri Sil – Seçenekleri tek tıklamayla kaldırın. Hiçbir seçenek kalıcı değildir.
Görünüm mü, Değer mi:
- Etiket: Kullanıcıların gördüğü şey (örneğin, "Mükemmel Hizmet")
- Değer: Veritabanında saklanan şey (örneğin, "mükemmel_hizmet")
Toplu İnşaat:
Yazarak, Enter tuşuna basarak, tekrar yazarak, tekrar Enter tuşuna basarak birden fazla seçeneği hızla ekleyin – uzun listeler için hızlı seçenek oluşturma.
✅ Varsayılan Seçim
Bir Seçenek Önceden Seçin
Form yüklendiğinde varsayılan olarak hangi radyo düğmesinin seçili olacağını belirleyin. Kullanıcıları sık karşılaşılan yanıtlara yönlendirir veya önerilen seçenekleri vurgular.
Kullanım Durumları:
İşlemi hızlandırmak için en sık verilen cevabı önceden seçin.
Önerilen seçeneği vurgulayın (örneğin, "En Uygun Fiyatlı" plan)
Varsayılan anlaşma seçeneğini ayarlayın (şartlar kabul edildi)
Kullanıcıları tercih ettikleri seçeneğe yönlendirin.
Veya Varsayılan Yok:
Tüm seçenekleri işaretlenmemiş bırakın, böylece kullanıcıların aktif olarak seçim yapması gereksin. Bilinçli seçim gerektiren sorular için mükemmeldir.
✏️ Metin Girişi ile "Diğer" Seçeneği
Özel Cevap Koleksiyonu
Seçildiğinde metin giriş alanı gösteren bir "Diğer" seçeneği ekleyin. Kullanıcılar, önceden belirlenmiş seçeneklerden hiçbiri uygun değilse kendi yanıtlarını belirtebilirler.
Özelleştirilebilir Etiket:
- “Diğer” etiketinin metnini ihtiyaçlarınıza göre değiştirin:
- “Diğer (lütfen belirtin)”
- “Başka bir şey”
- “Özel yanıt”
- “Listelenmemiş”
Nasıl Çalışır:
Kullanıcılar "Diğer" seçeneğini seçtiğinde, özel yanıtlarını yazmaları için anında bir metin alanı belirir. Hem "Diğer" seçimi hem de yazdıkları metin gönderilir.
Kullanım Durumları:
- “Bizi nereden duydunuz?” (özel yönlendirme kaynağı ile)
- Listelenmemiş seçeneklerle ürün tercihi
- “Diğer endişeler” içeren geri bildirim kategorileri
- Tüm olasılıkları kapsayamayan herhangi bir liste
🔀 Şartlı Mantık
Dinamik Radyo Düğmesi Görünürlüğü
Formdaki diğer değerlere bağlı olarak radyo düğmesi alanlarını gösterin veya gizleyin. Kullanıcı seçimlerine uyum sağlayan akıllı formlar oluşturun.
Gelişmiş Mantık Kuralları:
- VE Mantık – Tüm koşullar yerine getirilmelidir
- VEYA Mantığı – Herhangi bir koşul eylemi tetikleyebilir.
- 8 İşlem Operatörü – Eşittir, Eşit Değildir, Büyüktür, Küçüktür, İçerir, Boştur ve daha fazlası
Kullanım Durumları:
- Ürün seçeneklerini yalnızca ürün türü seçildiğinde göster.
- Gönderim yöntemi "Ekspres" olduğunda gönderim tercihlerini göster
- Sipariş toplamı 100 dolardan az olduğunda ödeme planlarını gizle
- İlk cevaba göre ek soruları ortaya çıkarın.
🎯 Geliştirilmiş Kullanıcı Deneyimi
Dahili Akıllı Özellikler:
- Tekli Seçim Zorunluluğu – Aynı anda yalnızca bir seçenek seçilebilir (radyo düğmesinin standart davranışı)
- Gerekli Doğrulama – Açık hata mesajlarıyla seçimi zorunlu hale getirin.
- Klavye Navigasyonu – Ok tuşları, erişilebilirlik seçenekleri arasında geçiş yapmak için kullanılır.
- Özel CSS Sınıfları – Markanıza uygun özel stiller uygulayın.
- Erişilebilirlik Desteği – ARIA etiketleri, ekran okuyucu uyumlu
- Mobil Cihazlar İçin Optimize Edilmiş – Daha büyük dokunma alanlarıyla dokunmatik ekranlara uygun.
- Görsel Geri Bildirim – Seçilen seçeneğin net bir şekilde belirtilmesi
- Yardım Metni Desteği – Seçenekleri netleştirmek için açıklamalar ekleyin
3 Adımda Basit Kurulum
Radyo Düğmeleri Saha Uygulamanızı dakikalar içinde kullanıma hazır hale getirin.
Radyo Düğmeleri Alanını Ekle
Temel Alanlar bölümünden Radyo Düğmeleri alanını sürükleyip formunuza bırakın.
Seçeneklerinizi Ekleyin
Seçenek etiketlerini yazın ve listenizi oluşturmak için "Seçenek Ekle"ye tıklayın. Oklarla sıralamayı değiştirin, etiketleri ve değerleri gerektiği gibi düzenleyin.
Düzen ve Özellikleri Seçin
Düzen stilini seçin (dikey, yatay veya ızgara), isteğe bağlı olarak "Diğer" seçeneğini veya "Yukarıdakilerin hiçbiri" seçeneğini ekleyin, isterseniz varsayılan seçimi ayarlayın.
🎉 İşte bu kadar! Radyo düğmeleriniz tek seçenekli seçim için hazır.
Gerçek Dünya Uygulamaları
Saha Seçeneklerini Tamamlayın
Temel yapılandırma
- Alan Etiketi – Radyo düğmelerinin üzerinde gösterilen soru veya başlık
- Açıklama/Yardım Metni – Kullanıcılar için ek kılavuz
- Zorunlu Alan – Seçimi zorunlu hale getir
- Yer tutucu – Radyo düğmeleri için geçerli değil.
Düzen ve Sunum
- Düzen Stili
- Dikey (üst üste) – her satırda bir tane
- Yatay (sıralı) – yan yana
- Izgara (2 sütun) – dengeli düzen
Radyo Düğmesi Seçenekleri
- Seçenek Ekle – Seçenekler listenizi oluşturun
- Görüntülenen Metin – Kullanıcıların gördüğü şey
- Değer – Formla birlikte gönderilen bilgiler
- Sırayı Değiştir – Seçenekleri yukarı/aşağı taşı
- Sil – Seçenekleri kaldır
Varsayılan Seçim
Varsayılan Seçili Değer – Bir seçeneği önceden seçin veya varsayılan değer olmaması için boş bırakın.
Özel Seçenekler
- “Diğer” Seçeneğini Ekle – Özel metin girişine izin ver
- Diğer Seçenek Etiketi – “Diğer” metnini özelleştirin (varsayılan: “Diğer (lütfen belirtin)”)
- "Yukarıdakilerin hiçbiri" seçeneğini ekleyin – Sonuna açık bir seçim yapmama seçeneği ekleyin.
Gelişmiş Özellikler
Seçenekleri Rastgele Sırala – Seçenekleri rastgele sırayla göster (anketlerde sıralama yanlılığını önlemek için kullanışlıdır)
Koşullu Mantık
- Koşullu Mantığı Etkinleştir – Koşullara bağlı olarak göster/gizle
- Mantık Türü
- Tüm koşullar yerine getirilmelidir (VE)
- Herhangi bir koşul karşılanabilir (VEYA)
- Şart Kuralları
- Göster/Gizle – Yapılacak işlem
- Alan – Hangi alanı kontrol edeceğim?
- Operatörler – Eşittir, Eşit Değildir, İçerir, Büyüktür, Küçüktür, Boştur, Boş Değildir
- Değer – Karşılaştırma değeri
- Çoklu Koşullar – Sınırsız sayıda kural ekleyin
Diğer Seçenekler
- Gizli Alan – Alanı görünmez hale getirin ancak seçilen değeri gönderimlere dahil edin.
- Özel CSS Sınıfları – Özel stil uygulayın
- Erişilebilirlik Nitelikleri – ARIA etiketleri ve açıklamaları

Radyo Düğmeleri Alanımızı Neden Seçmelisiniz?
✅ Esnek Düzenler – Dikey, yatay veya ızgara düzenlemeleri
✅ Anket Özellikleri – Tarafsız sonuçlar için sıralamayı rastgeleleştirin.
✅ Kullanıcı dostu – Özel yanıtlar için “Diğer” seçeneği
✅ Tam denetim – Kolay ekleme, düzenleme, yeniden sıralama, silme seçenekleri
✅ Akıllı Varsayılanlar – Yaygın veya önerilen seçenekleri önceden seçin
✅ PROFESSIONAL – Doğru anketler için “Yukarıdakilerin hiçbiri” seçeneği.
✅ Mobil Cihazlar İçin Optimize Edildi – Dokunmatik ekran dostu ve mükemmel dokunma hedefleri
✅ Ulaşılabilir – Klavye navigasyonu ve ekran okuyucu desteği
✅ Tamamen Entegre – Tüm form özellikleriyle sorunsuz bir şekilde çalışır.
Sıkça Sorulan Sorular
S: Radyo düğmeleri ve onay kutuları arasındaki fark nedir?
Radyo düğmeleri yalnızca tek bir seçime izin verir. Onay kutuları ise birden fazla seçime izin verir. "Birini seç" için radyo düğmelerini, "herhangi birini seç" için ise onay kutularını kullanın.
S: Kullanıcılar radyo tercihlerini değiştirebilir mi?
Evet. Yeni bir radyo düğmesi seçmek, önceki düğmenin seçimini otomatik olarak kaldırır.
S: Dikey düzeni ne zaman, yatay düzeni ne zaman kullanmalıyım?
Daha uzun listeler veya uzun etiketler için dikey, kısa iki veya üç seçenekli kümeler için yatay ve orta büyüklükteki seçenek grupları için ızgara düzeni kullanın.
S: "Diğer" seçeneği nasıl çalışır?
"Diğer" seçeneği belirlendiğinde, kullanıcıların özel bir yanıt yazabileceği bir metin alanı görüntülenir. Hem seçim hem de metin gönderilir.
S: Rastgele sıralama ne işe yarar?
Form her yüklendiğinde, yanıtlardaki yanlılığı azaltmak için seçenek sırası değişir.
S: Varsayılan bir seçim belirlemeli miyim?
İşlemin daha hızlı tamamlanmasını veya kullanıcılara yol göstermeyi istiyorsanız birini seçin. Kullanıcıların bilinçli bir seçim yapmasını istiyorsanız boş bırakın.
S: "Yukarıdakilerin hiçbiri" seçeneği ne anlama geliyor?
Bu özellik, kullanıcıların listelenen seçeneklerden hiçbirinin kendilerine uygun olmadığını belirtmelerine olanak tanıyarak doğruluğu artırır ve zorunlu yanıtların önüne geçer.
S: Görüntülenen metin ve gönderilen değerler farklı olabilir mi?
Evet. Kullanıcılara görüntülenen metin gösterilir ve gönderilen verilerde saklanan değerler daha temiz veya daha yapılandırılmış olabilir.
S: Radyo düğmesi seçeneklerimin sırasını nasıl değiştirebilirim?
Her seçeneğin yanındaki yukarı ve aşağı okları kullanarak, seçenekleri istediğiniz sıraya göre hareket ettirebilirsiniz.
S: Radyo düğmeleri zorunlu olabilir mi?
Evet. "Zorunlu Alan" seçeneğini etkinleştirin ve kullanıcılar göndermeden önce bir seçenek belirlemek zorundadır.
S: Radyo düğmeleri mobil cihazlarda çalışıyor mu?
Evet. Dokunmatik ekran dostu kontrollere sahipler ve küçük ekranlarda otomatik olarak dikey olarak üst üste diziliyorlar.
S: Radyo düğmeleriyle koşullu mantık kullanabilir miyim?
Evet. Seçilen seçeneğe bağlı olarak, "Eşittir" veya benzer koşullar kullanılarak alanlar gösterilebilir veya gizlenebilir.