İşarələmə qutusu sahəsi
Razılaşmaları və çoxsaylı seçimləri asanlıqla toplayın. Sadə bəli/xeyr onay qutularından tutmuş "Hamısını Seç", minimum/maksimum idarəetmə və ağıllı düzülüşləri olan çoxsaylı seçim siyahılarına qədər - "Checkbox" sahəsi güclü doğrulama və istifadəçi dostu seçimlərlə tək razılaşmaları və çoxseçimli sualları idarə edir.
Hər bir onay qutusu üçün iki rejim
Mükəmməldir:
Hər İstifadə Üçün Güclü Xüsusiyyətlər
İki Onay Qutusu Rejimi
Tək Qeyd Qutusu Rejimi:
Bəli/xeyr sualları, razılaşmalar və ya seçimlər üçün bir qutu. Şərtlərin qəbulu, bülleten abunəlikləri və razılıq formaları üçün idealdır.
İşlərdən istifadə edin:
- “Şərtlər və qaydalarla razıyam”
- “Məni xəbər bülleteninə abunə edin”
- "Bəli, yeniləmələr almaq istəyirəm"
- "Bu məlumatın doğru olduğunu təsdiqləyirəm"
Xüsusiyyətləri:
- Xüsusi qutu etiket mətni
- Varsayılan işarələnmiş/işarələnməmiş vəziyyət
- Xüsusi təqdim edilmiş dəyər (bəli, 1, doğru və s.)
- Tələb olunan doğrulama seçimi
Birdən çox İşarələmə Rejimi:
İstifadəçilərin bir neçə seçim seçə biləcəyi birdən çox seçim. "Uyğun olanların hamısını seçin" sualları, seçim toplusu və çoxsaylı seçimli sorğular üçün idealdır.
İşlərdən istifadə edin:
- "Hansı xüsusiyyətlər sizi maraqlandırır?" (birdən çox seçim)
- "Üstünlük verdiyiniz əlaqə üsullarını seçin"
- "Lazım olan bütün xidmətləri seçin"
- "Hansı mövzular sizi maraqlandırır?" (bir neçəsini işarələyin)
Xüsusiyyətləri:
- Limitsiz onay qutusu seçimləri
- Üç tərtibat üslubu
- "Hamısını Seç" seçimi
- Minimum/maksimum seçim limitləri
- Mətn daxiletməsi ilə “Digər”
- "Yuxarıda göstərilənlərin heç biri" eksklüziv seçimi
🎨 Üç Düzən Seçimi (Birdən Çox Rejim)
Şaquli (Yığılmış) Düzən:
İşarə qutuları hər sətirdə bir, şaquli şəkildə yığılmış şəkildə görünür. Daha uzun seçim etiketləri üçün ən oxunaqlı düzülüş.
Ən yaxşısı:
- Uzun seçim mətni
- 3-10 seçim
- Mobil ilk formalar
- Maksimum oxunaqlılıq
Üfüqi (Yan-yana) Düzən:
Qeyd qutuları yan-yana, bir sırada görünür. Qısa etiketlər üçün kompakt düzülüş.
Ən yaxşısı:
- 2-5 qısa seçim
- Kompakt formalar
- Masaüstü planları
- Məkan səmərəliliyi
Şəbəkə (Birdən Çox Sütunlu) Düzən:
Qeyd qutuları 2 sütunlu şəbəkə şəklində düzülmüşdür. Oxunma rahatlığını qoruyarkən yerdən qənaət edən balanslaşdırılmış düzülüş.
Ən yaxşısı:
- 4-12 seçim
- Orta uzunluqlu etiketlər
- Balanslaşdırılmış dizayn
- Peşəkar görünüş
Cavabdeh Davranış:
Bütün planlar avtomatik olaraq mobil ekranlara uyğunlaşır və daha yaxşı toxunma qarşılıqlı əlaqəsi üçün lazım olduqda üst-üstə yığılır.
✨ “Hamısını Seç” Seçimi
Bir kliklə seçim:
Siyahınızın yuxarısına xüsusi bir "Hamısını Seç" onay qutusu əlavə edin. İstifadəçilər bir kliklə bütün seçimləri yoxlaya/işarəni silə bilərlər.
Ağıllı Davranış:
- Bütün adi seçimləri eyni vaxtda yoxlayır
- Yenidən kliklədikdə hamısının işarələrini silir
- Hər hansı bir seçim seçilmədikdə avtomatik olaraq işarəni silir
- Bəzi (hamısı deyil) seçimlər seçildikdə qeyri-müəyyən vəziyyət göstərir
- Seçilmişlərin hamısından "Yuxarıdakıların heç biri"ni çıxarır
Mükəmməldir:
- Uzun onay siyahıları (5+ seçim)
- İstifadəçilərin tez-tez hər şeyi seçdiyi formalar
- “Uyğun olanların hamısını işarələyin” sualları
- İcazə və xüsusiyyət seçimi
İstifadəçi təcrübəsi:
Uzun siyahılarda vaxta qənaət edir. İstifadəçilər hamısını seçə, sonra isə müəyyən istisnaların işarəsini silə bilərlər.
✏️ Mətn Girişi ilə “Digər” Seçimi
Xüsusi Cavab Kolleksiyası:
Seçilmiş zaman mətn sahəsini göstərən "Digər" onay qutusu əlavə edin. Əvvəlcədən təyin edilmiş seçimlər uyğun gəlmədikdə, istifadəçilər öz cavablarını təyin edə bilərlər.
Bu işlər necə:
- Siyahının altında "Digər" onay qutusu görünür
- İşarələndikdə, mətn daxiletmə sahəsi görünür
- İstifadəçilər xüsusi cavab yazır
- Həm qutu seçimi, həm də mətn təqdim edildi
İşlərdən istifadə edin:
- “Üstünlük verilən əlaqə metodu: …Digər (zəhmət olmasa qeyd edin)”
- “Maraqlar: ...Digər mövzular”
- “Bizim haqqımızda haradan eşitdiniz: ...Digər mənbə”
- Birləşdirə bilməyən hər hansı bir siyahı
Faydaları:
Gözlənilməz cavabları qeydə alır, rahatlıq təmin edir, "məcburi uyğunlaşdırma" seçimlərinin qarşısını alır və məlumatların keyfiyyətini artırır.
❌ “Yuxarıdakıların heç biri” seçimi
Eksklüziv Seçimsiz:
Kliklədikdə bütün digər seçimləri avtomatik olaraq işarədən çıxaran "Yuxarıdakılardan heç biri yoxdur" seçimini əlavə edin.
Ağıllı Eksklüzivlik:
- "Yoxdur" işarələndikdə, bütün digər seçimlər avtomatik olaraq işarəni silir
- Başqa seçimlər işarələndikdə, "Yoxdur" avtomatik olaraq işarəni silir
- Seçimlərin tətbiq edilmədiyini göstərmək üçün aydın bir yol təqdim edir
- Ziddiyyətli seçimlərin qarşısını alır
İşlərdən istifadə edin:
- Əlavə seçim sualları
- “Bütün allergiyaları seçin: ...Yuxarıdakılardan heç biri”
- Kvalifikasiya yoxlayıcıları
- Maraq seçimləri
Niyə daxildir:
Formanın tərk edilməsinin qarşısını alır, dəqiqlik göstərir, açıq mənfi seçim təmin edir və məlumatların dəqiqliyini artırır.
📊 Min/Maks Seçim Nəzarətləri
Nəzarət Seçimi Miqdarı:
Seçilə bilən/seçilə bilən minimum və maksimum sayda onay qutusunu təyin edin.
Minimum Seçimlər:
İstifadəçilərdən ən azı X seçim seçmələrini tələb edin. Tələb yerinə yetirilənə qədər forma təqdim olunmayacaq.
Nümunələr:
- “Ən azı 2 maraq seçin” (Min: 2)
- “Minimum 3 seçim seçin” (Min: 3)
- “Ən azı 1 seçim seçin” (Min: 1)
Maksimum Seçimlər:
İstifadəçiləri X-dən çox seçim etməməyə məhdudlaşdırın. Limitə çatdıqdan sonra işarələmə qutuları deaktivdir.
Nümunələr:
- “Ən yaxşı 3 xüsusiyyətinizi seçin” (Maks: 3)
- “5-ə qədər xidmət seçin” (Maksimum: 5)
- “2-dən çox seçim etməyin” (Maksimum: 2)
Rəyləri aydınlaşdırın:
İstifadəçilər “Zəhmət olmasa, ən azı 2 seçim seçin” və ya “Maksimum 3 seçimə icazə verilir” kimi doğrulama mesajlarını görürlər.
🔧 Asan Seçimlərin İdarə Edilməsi
Seçimlər üzərində tam nəzarət:
- Seçimlər Əlavə Et – Yazın və Enter düyməsini basın və ya “Seçim Əlavə Et” düyməsini basın. Saniyələr ərzində onay qutuları siyahıları yaradın.
- Redaktə Seçimləri – Ekran mətnini (istifadəçilərin gördükləri) və dəyərləri (göndərilənlər) müstəqil olaraq yeniləyin.
- Varsayılan olaraq Seçilmiş – Hər seçimin yanındakı qutunu işarələyərək müəyyən onay qutularını əvvəlcədən seçin.
- Yenidən Sıralama Seçimləri – Onay qutularını mükəmməl qaydada düzmək üçün yuxarı/aşağı oxlardan istifadə edin.
- Seçimləri Sil – İstənməyən seçimləri bir kliklə silin.
Ekran və Dəyər:
- Etiket: İstifadəçilərin gördükləri (məsələn, “E-poçt Yeniləmələri”)
- Dəyər: Saxlanılanlar (məsələn, “email_updates”)
Toplu Tikinti:
Yazaraq, Enter düyməsini basaraq, yazaraq, Enter düyməsini basaraq tez bir zamanda birdən çox seçim əlavə edin – sürətli onay qutusu siyahısının yaradılması.
☑️ Tək İşarələmə Xüsusiyyətləri
Özelleştirme Seçenekleri:
İşarələmə qutusu Etiket Mətni:
Mətn onay qutusunun yanında göstərilir. Aydın və konkret olun (məsələn, “Marketinq e-poçtlarını almağa razıyam”).
Varsayılan Yoxlanılan Vəziyyət:
Forma yüklənərkən qutunu əvvəlcədən işarələyin. Diqqətlə istifadə edin - istifadəçilər razılaşma qutularını şüurlu şəkildə işarələməlidirlər.
Xüsusi Təqdim Edilən Dəyər:
Yoxlanıldıqda hansı dəyərin təqdim ediləcəyini təyin edin (adətən "bəli", "1" və ya "doğru"). Varsayılan olaraq "bəli"dir.
Tələb olunan Təsdiqləmə:
Qeyd qutusunu məcburi edin. İstifadəçilər formanı göndərmək üçün onu yoxlamalıdırlar. Tələb olunan müqavilələr üçün idealdır.
🔀 Şərti Məntiq
Dinamik Qeyd Qutusunun Görünüşü:
Digər forma dəyərlərinə əsasən onay qutusu sahələrini göstərin və ya gizlədin. Seçimləri yalnız müvafiq olduqda göstərin.
İnkişaf etmiş Məntiq Qaydaları:
VƏ Məntiq – Bütün şərtlər yerinə yetirilməlidir
VƏ YA Məntiq – İstənilən şərt hərəkəti tetikleyebilir
8 Operator – Bərabər, Bərabər deyil, Böyük, Kiçik, Ehtiva edir, Boşdur və daha çox
İşlərdən istifadə edin:
Yalnız "Göndərmə tələb olunur" işarələndikdə "Göndərmə üstünlükləri" onay qutularını göstərin
Abunəlik qutusu işarələndikdə “Bülleten mövzuları”nı göstərin
Xidmət növü “Premium”a bərabər olduqda “Əlavə xidmətlər”i göstərin
Sifarişin ümumi məbləği 50 dollardan az olduqda "Endirim seçimlərini" gizlədin
🎯 Təkmilləşdirilmiş İstifadəçi Təcrübəsi
Daxili Ağıllı Xüsusiyyətlər:
- Vizual Göstəricilər – Düzgün aralıqlarla onay qutularını silin
- Klaviatura Naviqasiyası – Seçimlər arasında asanlıqla keçid
- Toxunuşa Uyğun – Mobil cihazlar üçün böyük toxunuş hədəfləri
- Varsayılan Seçimlər – Xüsusi seçimləri əvvəlcədən yoxlayın
- Xüsusi CSS Dərsləri – Stilləri onay qutularına tətbiq edin
- Əlçatanlıq Dəstəyi – ARIA etiketləri, ekran oxuyucusu ilə uyğundur
- Mobil Optimallaşdırılmış – Toxunuş üçün mükəmməl onay qutusu ölçüləri
- Etiketləri təmizləyin – Düzgün düzülüşlə oxunaqlı mətn
- Tələb olunan Doğrulama – Xəta mesajlarını silin
- Kömək Mətni – Mürəkkəb onay qutuları qrupları üçün təsvirlər əlavə edin
3 addımda sadə quraşdırma
Qeyd qutusu sahənizi bir neçə dəqiqəyə hazırlayın
İşarələmə qutusu sahəsi əlavə edin
Əsas Sahələr bölməsindən Qeyd qutusu sahəsini formanıza sürüşdürüb buraxın.
Rejimi seçin
Bəli/xeyr sualları üçün “Tək Qeyd Qutusu”, çoxlu seçim seçimləri üçün isə “Birdən Çox Qeyd Qutusu” seçin.
Seçimləri Konfiqurasiya Edin
Tək üçün: onay qutusu etiketini və dəyərini təyin edin. Çoxlu üçün: seçimlər əlavə edin, düzeni seçin, istəyə bağlı olaraq "Hamısını Seç" və ya "Digər" seçimlərini aktivləşdirin və minimum/maksimum seçimləri təyin edin.
???? Budur! Ağıllı doğrulama ilə onay qutunuz hazırdır.
Real Dünya Tətbiqləri
Razılaşmalar və Razılıq
* Şərtlər və qaydaların qəbul edilməsi
* Məxfilik siyasəti müqavilələri
* E-poçtla razılıq seçimləri
* Bülleten abunəlikləri
Sorğular və Rəylər
* “Uyğun olanların hamısını seçin” sualları
* Çoxsaylı maraq seçimi
* Xüsusiyyət seçimləri toplusu
* Mövzu seçimləri
E-ticarət,
* Məhsul xüsusiyyət seçimi
* Xidmət əlavələri
* Çatdırılma seçimləri
* Bildiriş seçimləri
Qeydiyyat Formaları
* Ünsiyyət üstünlükləri
* Maraq kateqoriyaları
* İcazə parametrləri
* Xüsusiyyətə giriş seçimi
Applications
* Kvalifikasiya yoxlayıcıları
* Bacarıq seçimləri
* Maraq sahələri
* Mövcudluq seçimləri
Parametrlər və Seçimlər
* Hesab parametrləri
* Məxfilik seçimləri
* Bildiriş seçimləri
* Xüsusiyyət açarları
Tam Sahə Seçimləri
Əsas konfiqurasiya
- Sahə Etiketi – Yuxarıda göstərilən sual və ya başlıq
- Təsvir/Kömək Mətni – İstifadəçilər üçün əlavə rəhbərlik
- Tələb olunan sahə – Onay qutularını məcburi edin
- Yer tutucu – Qeyd qutuları üçün tətbiq olunmur
İşarələmə Qutusu Rejimi
Rejim növünü seçin:
- Tək Qeyd Qutusu – Bəli/Xeyr sual, razılıq və ya seçim (bir qeyd qutusu)
- Birdən çox seçim qutusu – Birdən çox seçim seçimi (birdən çox seçim qutusu)
Tək Onay Qutusu Seçimləri
- İşarələmə qutusunun yanında mətn – İşarələmə qutusunun yanında göstərilir (məsələn, “Şərtlərlə razıyam”)
- Başlanğıc işarələndi – Forma yükləndikdə işarələmə qutusu əvvəlcədən işarələndi
- Yoxlanıldıqda Dəyər – Yoxlanıldıqda saxlanılan məlumat dəyəri (standart: “bəli”)
Birdən çox seçim qutusu
Dizayn tərzi:
- Yığılmış (hər sətirdə bir) – Şaquli düzülüş
- Yan-yana (bir sırada) – Üfüqi düzülüş
- Şəbəkə (birdən çox sütun) – 2 sütunlu şəbəkə düzeni
İşarələmə qutusu seçimləri:
Seçim siyahınızı tərtib edin:
- Mətni göstər – İstifadəçilərin gördükləri (məsələn, “E-poçt”)
- Dəyər – Təqdim edilənlər (məsələn, “e-poçt”)
- Varsayılan olaraq Yoxlanılıb – Xüsusi seçimləri əvvəlcədən seçin
- Yenidən sırala – Seçimləri yuxarı/aşağı hərəkət etdirin
- Sil – Seçimləri silin
Xüsusi Seçimlər:
- “Hamısını Seç” Seçimini Əlavə Et – Yuxarıda bütün seçimləri seçən/seçimi ləğv edən onay qutusu əlavə edir
- Mətn qutusuna "Digər" seçimini əlavə edin – Xüsusi cavablar üçün mətn sahəsinə "Digər" seçimini əlavə edir
- “Yuxarıdakılardan heç biri” seçimini əlavə edin – Seçildikdə digərlərinin hamısını işarədən çıxaran eksklüziv seçim əlavə edir
Seçim Limitləri:
- Tələb olunan minimum seçimlər – Seçilməli olan ən az sayda onay qutusu (məsələn, 2)
- Maksimum Seçimlərə İcazə Verilir – Seçilə bilən ən çox onay qutusu (məsələn, 5)
Şərti Məntiq
- Şərti Məntiqi Aktivləşdirin – Şərtlərə əsasən göstər/gizlət
- Məntiq növü
- Bütün şərtlər yerinə yetirilməlidir (VƏ)
- İstənilən şərt yerinə yetirilə bilər (OR)
- Şərt Qaydaları
- Göstər/Gizlət – Görüləcək tədbir
- Sahə – Hansı sahəni yoxlamaq lazımdır
- Operator – Bərabərdir, Bərabər deyil, Ehtiva edir, Böyükdür, Kiçikdir, Boşdur, Boş deyil
- Dəyər – Müqayisə dəyəri
- Birdən çox şərt – Limitsiz qaydalar əlavə edin
Ətraflı Seçimlər
- Gizli Sahə – Sahəni görünməz edin (onay qutuları üçün tövsiyə edilmir)
- Xüsusi CSS Dərsləri – Xüsusi üslub tətbiq edin
- Əlçatanlıq Atributları – Ekran oxuyucuları üçün ARIA etiketləri
Niyə Bizim Qeyd Qutusu Sahəmizi Seçməlisiniz?
✅ İki Rejim – Tək onay qutusu və ya bir sahə növü üzrə birdən çox onay qutusu
✅ Esnek Layouts – Şaquli, üfüqi və ya şəbəkə düzülüşləri
✅ Bütün seçin - Rahatlıq üçün bir kliklə seçim
✅ Digər Seçim – Xüsusi cavablar üçün mətn girişi
✅ Heç bir seçim – Eksklüziv seçimsiz seçim
✅ Minimum/Maksimum Limitlər – Nəzarət seçim miqdarı
✅ Asan İdarəetmə - Seçimləri asanlıqla əlavə edin, redaktə edin, yenidən sıralayın, silin
✅ İstifadəçi yönümlü – Aydın etiketlər, düzgün aralıq, toxunuşa rahat
✅ Tamamilə inteqrasiya olunmuşdur – Bütün forma xüsusiyyətləri ilə problemsiz işləyir
Tez-tez soruşulan suallar
S: Tək və çoxlu onay qutusu rejimləri arasında fərq nədir?
Tək rejim bəli/xeyr qərarları üçün bir onay qutusunu göstərir. Çoxlu rejim istifadəçilərin birdən çox seçim seçə biləcəyi bir neçə onay qutusunu göstərir.
S: İstifadəçilər bütün onay qutularını eyni anda seçə bilərlərmi?
Bəli. Bir kliklə hər bir seçimi işarələyən və ya işarəni çıxaran bir onay qutusu əlavə etmək üçün "Hamısını Seç" seçimini aktivləşdirin.
S: Min/Maks seçimləri necə işləyir?
Minimum istifadəçilərin ən azı müəyyən sayda seçim seçməsini təmin edir. Maksimum isə seçə biləcəkləri işarə qutusunun sayını məhdudlaşdırır.
S: “Digər” seçimi nə edir?
"Digər" etiketli əlavə bir onay qutusu əlavə edir. Seçildikdə, istifadəçilərin xüsusi cavab daxil edə bilməsi üçün mətn sahəsi görünür.
S: "Yuxarıda göstərilənlərin heç biri" necə işləyir?
Bu, eksklüziv seçim kimi çıxış edir. Seçildikdə, bütün digər onay qutuları silinir. Başqa bir seçim işarələnərsə, "Yoxdur" seçimi avtomatik olaraq işarəni silir.
S: Müəyyən onay qutularını əvvəlcədən seçə bilərəmmi?
Bəli. Tək rejim üçün “Başlat Yoxlanıldı” funksiyasını aktivləşdirin. Çoxlu rejim üçün standart olaraq seçilməsini istədiyiniz hər bir seçimin yanındakı kiçik onay qutusunu işarələyin.
S: Razılaşma qutularını əvvəlcədən işarələməliyəmmi?
Xeyr. Siyasətlər, şərtlər və razılıq üçün istifadəçilər qutunu özləri aktiv şəkildə işarələməlidirlər.
S: Onay qutusunun sırasını dəyişə bilərəmmi?
Bəli. Onları istədiyiniz kimi sıralamaq üçün hər seçimin yanındakı yuxarı və aşağı oxlardan istifadə edin.
S: Ekran mətni ilə dəyər arasındakı fərq nədir?
Ekran mətni istifadəçilərin gördüyü şeydir. Dəyər isə təmiz və ardıcıl məlumatlar üçün verilənlər bazanızda saxlanılan şeydir.
S: Şərti məntiqdən onay qutuları ilə istifadə edə bilərəmmi?
Bəli. “Equals”, “Is empty” və ya “Is not empty” kimi operatorlardan istifadə edərək seçimlərə əsasən digər sahələri işə salın.
S: Tələb olunan onay qutusunu necə yarada bilərəm?
“Tələb olunan sahə”ni aktivləşdirin. Tək rejim üçün qutu işarələnməlidir. Çoxlu rejim üçün istifadəçilər ən azı bir seçim seçməli və ya minimum tələbinizə cavab verməlidirlər.
S: İstifadəçilər yoxlamadan sonra seçimlərini dəyişə bilərlərmi?
Bəli. Formanı göndərməzdən əvvəl istənilən seçimi sərbəst şəkildə yoxlaya və ya işarəni silə bilərlər. "Hamısını Seç" seçimini istənilən vaxt dəyişdirmək olar.
