Onay Kutusu Alanı
Onay kutularından çoklu seçimlere ve anlaşmalara kadar her şeyi kolaylıkla toplayın. Basit evet/hayır onay kutularından, "Tümünü Seç" özellikli çoklu seçim listelerine, minimum/maksimum kontrollerine ve akıllı düzenlere kadar, Onay Kutusu alanı güçlü doğrulama ve kullanıcı dostu seçeneklerle tekli onayları ve çoktan seçmeli soruları ele alır.
Her Onay Kutusu İhtiyacı İçin İki Mod
Mükemmel:
Her Kullanım Senaryosu İçin Güçlü Özellikler
İki Onay Kutusu Modu
Tek Onay Kutusu Modu:
Evet/hayır soruları, anlaşmalar veya onaylar için tek bir onay kutusu. Şartların kabulü, bülten abonelikleri ve onay formları için mükemmel.
Kullanım Durumları:
- “Şartları ve koşulları kabul ediyorum.”
- "Bültene abone olmak istiyorum"
- "Evet, güncellemeleri almak istiyorum."
- "Bu bilginin doğru olduğunu teyit ediyorum."
Özellikler:
- Özel onay kutusu etiket metni
- Varsayılan işaretli/işaretsiz durum
- Özel olarak gönderilen değer (evet, 1, doğru, vb.)
- Gerekli doğrulama seçeneği
Çoklu Onay Kutusu Modu:
Kullanıcıların birden fazla seçenek belirleyebileceği çoklu seçenekler. "Tümünü seçin" soruları, tercih toplama ve çoklu seçim anketleri için mükemmeldir.
Kullanım Durumları:
- “Hangi özellikler ilginizi çekiyor?” (birden fazla seçim)
- “Tercih ettiğiniz iletişim yöntemini seçin”
- “İhtiyaç duyduğunuz tüm hizmetleri seçin”
- “Hangi konular ilginizi çekiyor?” (birden fazla seçenek işaretleyin)
Özellikler:
- Sınırsız onay kutusu seçeneği
- Üç düzen stili
- “Tümünü Seç” seçeneği
- Minimum/maksimum seçim limitleri
- "Diğer" (metin girişi ile)
- “Yukarıdakilerin hiçbiri” özel seçeneği
🎨 Üç Yerleşim Seçeneği (Çoklu Mod)
Dikey (Yığılmış) Yerleşim:
Onay kutuları, dikey olarak üst üste gelecek şekilde, her satırda bir tane olacak şekilde görünür. Daha uzun seçenek etiketleri için en okunaklı düzendir.
En:
- Uzun seçenek metni
- 3-10 seçenek
- Mobil öncelikli formlar
- Maksimum okunabilirlik
Yatay (Yan Yana) Yerleşim:
Onay kutuları yan yana, belirli bir sırada görünür. Kısa etiketler için kompakt düzen.
En:
- 2-5 kısa seçenek
- Kompakt formlar
- Masaüstü düzenleri
- Alan verimliliği
Izgara (Çoklu Sütun) Düzeni:
Onay kutuları 2 sütunlu bir ızgarada düzenlenmiştir. Okunabilirliği korurken yerden tasarruf sağlayan dengeli bir düzen.
En:
- 4-12 seçenek
- Orta uzunlukta etiketler
- Dengeli tasarım
- Profesyonel görünüm
Tepkisel Davranış:
Tüm düzenler, daha iyi dokunmatik etkileşim için gerektiğinde üst üste yığılarak mobil ekranlara otomatik olarak uyum sağlar.
✨ “Tümünü Seç” Seçeneği
Tek Tıklamayla Seçim:
Listenizin en üstüne özel bir "Tümünü Seç" onay kutusu ekleyin. Kullanıcılar tek bir tıklamayla tüm seçenekleri işaretleyebilir/işaretini kaldırabilir.
Akıllı Davranış:
- Tüm normal seçenekleri aynı anda kontrol eder.
- Tekrar tıklandığında tüm işaretleri kaldırır.
- Herhangi bir seçeneğin işareti kaldırılırsa otomatik olarak işareti kaldırır.
- Bazı (tüm değil) seçenekler seçildiğinde belirsiz durumu gösterir.
- "Yukarıdakilerin hiçbiri" seçeneğini tüm seçimlerden hariç tutar.
İçin mükemmel:
- Uzun onay kutusu listeleri (5+ seçenek)
- Kullanıcıların genellikle her şeyi seçtiği formlar.
- “Uygun olan tüm seçenekleri işaretleyin” soruları
- İzin ve özellik seçimi
Kullanıcı deneyimi:
Uzun listelerde zamandan tasarruf sağlar. Kullanıcılar tümünü seçebilir, ardından belirli istisnaların işaretini kaldırabilir.
✏️ Metin Girişi ile "Diğer" Seçeneği
Özel Yanıt Koleksiyonu:
Seçildiğinde metin alanı açan bir "Diğer" onay kutusu ekleyin. Kullanıcılar, önceden belirlenmiş seçenekler uygun değilse kendi yanıtlarını belirtebilirler.
Nasıl Çalışır:
- Listenin en altında "Diğer" onay kutusu görünür.
- İşaretlendiğinde, metin giriş alanı görünür.
- Kullanıcılar özel yanıt yazıyor.
- Hem onay kutusu seçimi hem de metin gönderiliyor.
Kullanım Durumları:
- “Tercih edilen iletişim yöntemi: …Diğer (lütfen belirtin)”
- İlgi Alanları: …Diğer konular”
- “Bizi nereden duydunuz: …Diğer kaynak”
- Uyum sağlayamayan herhangi bir liste
Faydaları:
Beklenmedik yanıtları yakalar, esneklik sağlar, "zorla uydurma" seçimlerini önler ve veri kalitesini artırır.
❌ “Yukarıdakilerin Hiçbiri” Seçeneği
Özel Seçim Dışı:
Tıklandığında diğer tüm seçimlerin işaretini otomatik olarak kaldıran bir "Yukarıdakilerin hiçbiri" seçeneği ekleyin.
Akıllı Ayrıcalık:
- "Hiçbiri" seçeneği işaretlendiğinde, diğer tüm seçeneklerin işareti otomatik olarak kaldırılır.
- Diğer seçeneklerden herhangi biri işaretlendiğinde, "Hiçbiri" seçeneğinin işareti otomatik olarak kaldırılır.
- Hiçbir seçeneğin geçerli olmadığını belirtmenin net bir yolunu sunar.
- Çelişkili seçimleri önler.
Kullanım Durumları:
- İsteğe bağlı tercih soruları
- “Tüm alerjilerinizi seçin: …Yukarıdakilerin hiçbiri”
- Nitelik denetleyicileri
- İlgi alanları
Neden Dahil Edilmeli:
Formun terk edilmesini önler, titizliği gösterir, açıkça olumsuz seçeneği sunar ve veri doğruluğunu artırır.
📊 Minimum/Maksimum Seçim Kontrolleri
Kontrol Seçim Miktarı:
Seçilmesi zorunlu/mümkün olan onay kutularının minimum ve maksimum sayısını belirleyin.
Minimum Seçimler:
Kullanıcıların en az X seçenek belirlemesi gerekmektedir. Bu şart yerine getirilene kadar form gönderilmeyecektir.
Örnekler:
- “En az 2 ilgi alanı seçin” (Minimum: 2)
- Lütfen en az 3 tercih seçin (Min: 3)
- “En az 1 seçenek işaretleyin” (Minimum: 1)
Maksimum Seçim Sayısı:
Kullanıcıların en fazla X seçenek seçmesine izin verin. Sınır aşıldığında onay kutuları devre dışı kalır.
Örnekler:
- “En çok beğendiğiniz 3 özelliği seçin” (En fazla: 3)
- “En fazla 5 hizmet seçin” (Maksimum: 5)
- “En fazla 2 seçenek seçin” (Maksimum: 2)
Geri Bildirimi Temizle:
Kullanıcılar "Lütfen en az 2 seçenek belirleyin" veya "En fazla 3 seçeneğe izin verilir" gibi doğrulama mesajları görürler.
🔧 Kolay Seçenek Yönetimi
Seçimler Üzerinde Tam Kontrol:
- Seçenek Ekle – Yazın ve Enter tuşuna basın veya “Seçenek Ekle”ye tıklayın. Saniyeler içinde onay kutusu listeleri oluşturun.
- Düzenleme Seçenekleri – Görüntülenen metni (kullanıcıların gördüğü) ve değerleri (gönderilen) bağımsız olarak güncelleyin.
- Varsayılan Olarak İşaretli – Her seçeneğin yanındaki kutuyu işaretleyerek belirli onay kutularını önceden seçin.
- Seçenekleri Yeniden Sırala – Onay kutularını mükemmel sırada düzenlemek için yukarı/aşağı okları kullanın.
- Seçenekleri Sil – İstenmeyen seçenekleri tek tıklamayla kaldırın.
Görünüm mü, Değer mi:
- Etiket: Kullanıcıların gördüğü şey (örneğin, "E-posta Güncellemeleri")
- Değer: Saklanan şey (örneğin, "email_updates")
Toplu İnşaat:
Birden fazla seçeneği hızlıca eklemek için yazın, Enter tuşuna basın, tekrar yazın, Enter tuşuna basın – hızlı onay kutusu listesi oluşturma.
☑️ Tek Onay Kutusu Özellikleri
Özelleştirme Seçenekleri:
Onay kutusu etiketi metni:
Onay kutusunun yanında görüntülenen metin. Açık ve net olsun (örneğin, "Pazarlama e-postaları almak istiyorum").
Varsayılan İşaretli Durum:
Form yüklendiğinde kutuyu önceden işaretleyin. Dikkatli kullanın – kullanıcılar onay kutularını bilinçli olarak işaretlemelidir.
Özel Olarak Gönderilen Değer:
İşaretlendiğinde hangi değerin gönderileceğini ayarlayın (genellikle "evet", "1" veya "doğru"). Varsayılan değer "evet"tir.
Gerekli Doğrulama:
Onay kutusunu zorunlu hale getirin. Kullanıcılar formu göndermek için bu kutuyu işaretlemelidir. Gerekli anlaşmalar için mükemmeldir.
🔀 Şartlı Mantık
Dinamik Onay Kutusu Görünürlüğü:
Formdaki diğer değerlere bağlı olarak onay kutusu alanlarını gösterin veya gizleyin. Seçenekleri yalnızca ilgili olduğunda görüntüleyin.
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ı:
"Gönderim tercihleri" onay kutularını yalnızca "Gönderim gerektiriyor" seçeneği işaretlendiğinde göster.
Abonelik onay kutusu işaretlendiğinde "Bülten konuları"nı göster
Hizmet türü "Premium" olduğunda "Ek hizmetler"i göster.
Sipariş toplamı 50$'dan az olduğunda "İndirim seçeneklerini" gizle
🎯 Geliştirilmiş Kullanıcı Deneyimi
Dahili Akıllı Özellikler:
- Görsel Göstergeler – Uygun aralıklarla yerleştirilmiş net onay kutuları
- Klavye Navigasyonu – Seçenekler arasında kolayca sekme tuşuyla geçiş yapın.
- Dokunmatik Ekrana Uygun – Mobil cihazlar için geniş dokunma alanları
- Varsayılan Seçimler – Belirli seçenekleri önceden işaretleyin
- Özel CSS Sınıfları – Onay kutusu gruplarına stil uygulama
- Erişilebilirlik Desteği – ARIA etiketleri, ekran okuyucu uyumlu
- Mobil Cihazlar İçin Optimize Edilmiş – Dokunmatik ekran için mükemmel onay kutusu boyutları
- Net Etiketler – Doğru hizalanmış, okunabilir metin
- Gerekli Doğrulama – Hata mesajlarını temizle
- Yardım Metni – Karmaşık onay kutusu grupları için açıklamalar ekleyin
3 Adımda Basit Kurulum
Onay kutusu alanınızı dakikalar içinde hazır hale getirin.
Onay kutusu alanı ekle
Temel Alanlar bölümünden Onay Kutusu alanını sürükleyip formunuza bırakın.
Mod Seç
Evet/hayır soruları için "Tek Onay Kutusu"nu, çoklu seçim seçenekleri için ise "Birden Çok Onay Kutusu"nu seçin.
Seçenekleri Yapılandır
Tek seçim için: onay kutusunun etiketini ve değerini ayarlayın. Çoklu seçim için: seçenekler ekleyin, düzeni seçin, isteğe bağlı olarak "Tümünü Seç" veya "Diğer" seçeneklerini etkinleştirin ve minimum/maksimum seçimleri ayarlayın.
🎉 İşte bu kadar! Onay kutusu alanınız akıllı doğrulama ile hazır.
Gerçek Dünya Uygulamaları
Anlaşmalar ve Onay
* Şartlar ve koşulların kabulü
* Gizlilik politikası anlaşmaları
* E-posta onayı seçme işlemleri
* Haber bülteni abonelikleri
Anketler ve Geri Bildirim
* “Uygulanabilecek tüm seçenekleri işaretleyin” soruları
* Çoklu ilgi alanı seçimi
* Özellik tercihi koleksiyonu
* Konu ilgi tercihleri
E-ticaret
* Ürün özelliği seçimi
* Hizmet eklentileri
* Kargo seçenekleri
* Bildirim tercihleri
Kayıt formları
* İletişim tercihleri
* İlgi kategorileri
* İzin ayarları
* Özellik erişim seçimi
Başvurular
* Nitelik denetleyicileri
* Beceri seçimleri
* İlgi alanları
* Mevcutluk seçenekleri
Ayarlar ve Tercihler
* Hesap ayarları
* Gizlilik seçenekleri
* Bildirim seçenekleri
* Özellik geçişleri
Saha Seçeneklerini Tamamlayın
Temel yapılandırma
- Alan Etiketi – Onay kutularının üzerinde gösterilen soru veya başlık.
- Açıklama/Yardım Metni – Kullanıcılar için ek kılavuz
- Zorunlu Alan – Onay kutularını zorunlu hale getir
- Yer tutucu – Onay kutuları için geçerli değildir.
Onay Kutusu Modu
Mod türünü seçin:
- Tek Onay Kutusu – Evet/Hayır sorusu, onay veya tercih (tek onay kutusu)
- Çoklu Onay Kutuları – Çoklu seçim seçenekleri (birden fazla onay kutusu)
Tek Onay Kutusu Seçenekleri
- Onay kutusunun yanındaki metin – Onay kutusunun yanında gösterilen etiket (örneğin, "Şartları kabul ediyorum")
- Başlangıçta İşaretli – Form yüklendiğinde onay kutusu önceden işaretlenmiştir.
- İşaretlendiğinde Değer – İşaretlendiğinde saklanan veri değeri (varsayılan: “evet”)
Çoklu Onay Kutusu Seçenekleri
Düzen Stili:
- Üst üste dizilmiş (her satırda bir tane) – Dikey düzenleme
- Yan yana (sıra halinde) – Yatay düzenleme
- Izgara (çoklu sütun) – 2 sütunlu ızgara düzeni
Onay kutusu seçenekleri:
Seçenekler listenizi oluşturun:
- Görüntülenen Metin – Kullanıcıların gördüğü şey (örneğin, “E-posta”)
- Değer – Gönderilen şey (örneğin, "e-posta")
- Varsayılan Olarak İşaretli – Belirli seçenekleri önceden seçin
- Sırayı Değiştir – Seçenekleri yukarı/aşağı taşı
- Sil – Seçenekleri kaldır
Özel Seçenekler:
- "Tümünü Seç" Seçeneği Ekle – Üst kısma tüm seçenekleri seçen/seçimi kaldıran bir onay kutusu ekler.
- "Diğer" Seçeneğini Metin Kutusuyla Ekle – Özel yanıtlar için metin alanı içeren "Diğer" seçeneğini ekler.
- "Yukarıdakilerin hiçbiri" Seçeneğini Ekle – Seçildiğinde diğer tüm seçeneklerin işaretini kaldıran özel bir seçenek ekler.
Seçim Sınırları:
- Gerekli Minimum Seçim Sayısı – Seçilmesi gereken en az onay kutusu sayısı (örneğin, 2)
- İzin verilen maksimum seçim sayısı – Seçilebilecek en fazla onay kutusu sayısı (örneğin, 5)
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
Gelişmiş Seçenekler
- Gizli Alan – Alanı görünmez yap (onay kutuları için önerilmez)
- Özel CSS Sınıfları – Özel stil uygulayın
- Erişilebilirlik Özellikleri – Ekran okuyucular için ARIA etiketleri
Onay kutusu alanımızı neden tercih etmelisiniz?
✅ İki mod – Tek bir onay kutusu veya tek bir alanda birden fazla onay kutusu türü
✅ Esnek Düzenler – Dikey, yatay veya ızgara düzenlemeleri
✅ Tümünü Seç – Kolaylık için tek tıklamayla seçim
✅ Diğer seçenek – Özel yanıtlar için metin girişi
✅ Hiçbir Seçenek – Özel seçim dışı seçenek
✅ Min/Maks Limitler – Kontrol seçimi miktarı
✅ Kolay Yönetim – Seçenekleri zahmetsizce ekleyin, düzenleyin, yeniden sıralayın, silin.
✅ Kullanıcı dostu – Net etiketler, uygun aralıklar, dokunmatik ekran dostu tasarım
✅ Tamamen Entegre – Tüm form özellikleriyle sorunsuz bir şekilde çalışır.
Sıkça Sorulan Sorular
S: Tekli ve çoklu onay kutusu modları arasındaki fark nedir?
Tekli mod, evet/hayır kararları için tek bir onay kutusu gösterir. Çoklu mod ise kullanıcıların birden fazla seçeneği belirleyebileceği çeşitli onay kutuları gösterir.
S: Kullanıcılar tüm onay kutularını aynı anda seçebilir mi?
Evet. Tüm seçenekleri tek tıklamayla işaretleyip işaretini kaldırmak için "Tümünü Seç" seçeneğini etkinleştirin.
S: Minimum/maksimum seçimleri nasıl çalışır?
Minimum, kullanıcıların en az belirli sayıda seçeneği işaretlemesini sağlar. Maksimum ise, kaç tane onay kutusu seçebileceklerini sınırlar.
S: "Diğer" seçeneği ne işe yarar?
"Diğer" etiketli ek bir onay kutusu ekler. Seçildiğinde, kullanıcıların özel bir yanıt girebileceği bir metin alanı görünür.
S: “Yukarıdakilerin hiçbiri” nasıl çalışır?
Bu, tek seçenek olarak işlev görür. Seçilirse, diğer tüm onay kutuları temizlenir. Başka bir seçenek işaretlenirse, "Hiçbiri" seçeneğinin işareti otomatik olarak kaldırılır.
S: Belirli onay kutularını önceden seçebilir miyim?
Evet. Tekli mod için "Başlangıçta Seçili" seçeneğini açın. Çoklu mod için, varsayılan olarak seçili olmasını istediğiniz her seçeneğin yanındaki küçük onay kutusunu işaretleyin.
S: Anlaşma kutucuklarını önceden işaretlemeli miyim?
Hayır. Politikalar, şartlar ve onay için kullanıcılar kutuyu kendileri aktif olarak işaretlemelidir.
S: Onay kutularının sırasını değiştirebilir miyim?
Evet. Her seçeneğin yanındaki yukarı ve aşağı okları kullanarak sıralamayı istediğiniz gibi değiştirebilirsiniz.
S: Görüntülenen metin ile değer arasında ne fark var?
Görüntülenen metin, kullanıcıların gördüğü şeydir. Değer ise, temiz ve tutarlı veri için veritabanınıza kaydedilen veridir.
S: Onay kutularıyla koşullu mantık kullanabilir miyim?
Evet. "Eşittir", "Boş mu?" veya "Boş değil mi?" gibi operatörler kullanarak seçimlere bağlı olarak diğer alanları tetikleyin.
S: Zorunlu onay kutusu nasıl oluştururum?
“Zorunlu Alan”ı etkinleştirin. Tekli mod için kutunun işaretlenmesi gerekir. Çoklu mod için kullanıcıların en az bir seçenek seçmesi veya minimum gereksiniminizi karşılaması gerekir.
S: Kullanıcılar işaretledikten sonra seçimlerini değiştirebilir mi?
Evet. Formu göndermeden önce istedikleri seçenekleri özgürce işaretleyebilir veya işaretini kaldırabilirler. "Tümünü Seç" seçeneği de her zaman değiştirilebilir.
