Câmp casetă de selectare
Colectați cu ușurință acorduri și selecții multiple. De la simple casete de selectare da/nu la liste cu selecție multiplă cu „Selectare totală”, controale minime/maxime și machete inteligente - câmpul Casetă de selectare gestionează acorduri individuale și întrebări cu variante multiple de răspuns cu validare puternică și opțiuni ușor de utilizat.
Două moduri pentru fiecare nevoie de casetă de selectare
Perfect pentru:
Funcții puternice pentru fiecare caz de utilizare
Două moduri de selectare a casetei de selectare
Mod cu o singură casetă de selectare:
O singură casetă de selectare pentru întrebări cu da/nu, acorduri sau opțiuni de înscriere. Perfectă pentru acceptarea termenilor, abonamente la newsletter și formulare de consimțământ.
Cazuri de utilizare:
- „Sunt de acord cu termenii și condițiile”
- „Abonează-mă la newsletter”
- „Da, vreau să primesc actualizări”
- „Confirm că aceste informații sunt corecte”
Caracteristici:
- Textul etichetei casetei de selectare personalizate
- Stare implicită bifată/nebifată
- Valoare personalizată trimisă (da, 1, adevărat etc.)
- Opțiune de validare obligatorie
Mod cu casete de selectare multiple:
Opțiuni multiple în care utilizatorii pot selecta mai multe variante. Perfect pentru întrebări de tipul „Selectați toate variantele aplicabile”, colectarea preferințelor și sondaje cu selecție multiplă.
Cazuri de utilizare:
- „Ce caracteristici vă interesează?” (selecții multiple)
- „Selectați metodele de contact preferate”
- „Alegeți toate serviciile de care aveți nevoie”
- „Ce subiecte vă interesează?” (bifați mai multe)
Caracteristici:
- Opțiuni nelimitate pentru casete de selectare
- Trei stiluri de aspect
- Opțiunea „Selectați tot”
- Limite minime/maxime de selecție
- „Altele” cu introducere de text
- Opțiune exclusivă „Niciuna dintre cele de mai sus”
🎨 Trei opțiuni de aspect (mod multiplu)
Aspect vertical (stivuit):
Casetele de selectare apar câte una pe fiecare rând, suprapuse vertical. Cel mai lizibil aspect este pentru etichetele de opțiuni mai lungi.
Cel mai bun pentru:
- Text lung al opțiunii
- 3-10 variante
- Formulare mobile-first
- Lizibilitate maximă
Aspect orizontal (alăturat):
Casetele de selectare apar la rând, una lângă alta. Aspect compact pentru etichete scurte.
Cel mai bun pentru:
- 2-5 opțiuni scurte
- Forme compacte
- Aspecte desktop
- Eficiența spațiului
Aspect grilă (coloane multiple):
Casete de selectare aranjate într-o grilă cu 2 coloane. Aspect echilibrat care economisește spațiu, menținând în același timp lizibilitatea.
Cel mai bun pentru:
- 4-12 variante
- Etichete de lungime medie
- Design echilibrat
- Aspect profesional
Comportament responsiv:
Toate layout-urile se adaptează automat la ecranele mobile, suprapunându-se atunci când este necesar pentru o interacțiune tactilă mai bună.
✨ Opțiunea „Selectați tot”
Selectare cu un singur clic:
Adăugați o casetă de selectare specială „Selectați tot” în partea de sus a listei. Utilizatorii pot bifa/debifa toate opțiunile cu un singur clic.
Comportament inteligent:
- Verifică simultan toate opțiunile obișnuite
- Debifează toate când se dă clic din nou
- Debifează automat dacă vreo opțiune este deselectată
- Afișează o stare nedeterminată atunci când sunt selectate unele (nu toate) opțiunile
- Exclude „Niciuna dintre cele de mai sus” din selecția totală
Perfect pentru:
- Liste lungi de casete de selectare (peste 5 opțiuni)
- Formulare în care utilizatorii selectează adesea totul
- Întrebări „Bifați toate cele aplicabile”
- Permisiuni și selecție de funcții
Experiența utilizatorului:
Economisește timp pe listele lungi. Utilizatorii pot selecta toate, apoi pot debifa anumite excepții.
✏️ Opțiunea „Altele” cu introducere de text
Colecție de răspunsuri personalizate:
Adăugați o casetă de selectare „Altele” care dezvăluie un câmp de text atunci când este selectată. Utilizatorii își pot specifica propriul răspuns dacă opțiunile prestabilite nu se potrivesc.
Cum funcționează:
- Caseta de selectare „Altele” apare în partea de jos a listei
- Când este bifat, apare câmpul de introducere a textului
- Utilizatorii tastează un răspuns personalizat
- Atât selecția casetei de selectare, cât și textul sunt trimise
Cazuri de utilizare:
- „Metodă de contact preferată: …Altă (vă rugăm să specificați)”
- „Interese: …Alte subiecte”
- „Cum ați aflat de noi: …Altă sursă”
- Orice listă care nu poate colabora
Beneficii:
Capturează răspunsuri neașteptate, oferă flexibilitate, previne selecțiile de „potrivire forțată” și îmbunătățește calitatea datelor.
❌ Opțiunea „Niciuna dintre variantele de mai sus”
Non-selecție exclusivă:
Adăugați o opțiune „Niciuna dintre cele de mai sus” care debifează automat toate celelalte selecții atunci când se face clic pe ea.
Exclusivitate inteligentă:
- Când este bifată opțiunea „Niciuna”, toate celelalte opțiuni se debifează automat.
- Când este bifată orice altă opțiune, „Niciuna” se debifează automat
- Oferă o modalitate clară de a indica faptul că nu se aplică nicio selecție
- Previne selecțiile contradictorii
Cazuri de utilizare:
- Întrebări opționale privind preferințele
- „Selectați toate alergiile: …Niciuna dintre cele de mai sus”
- Verificatori de calificări
- Selecții de interese
De ce să includem:
Previne abandonarea formularului, demonstrează minuțiozitate, oferă o opțiune negativă explicită și îmbunătățește acuratețea datelor.
📊 Controale de selecție Min/Max
Cantitate de selecție a controlului:
Setați numărul minim și maxim de casete de selectare care trebuie/pot fi bifate.
Selecții minime:
Utilizatorii trebuie să selecteze cel puțin X opțiuni. Formularul nu va fi trimis până când cerința nu este îndeplinită.
Exemple:
- „Selectați cel puțin 2 interese” (Min: 2)
- „Alegeți minimum 3 preferințe” (Min: 3)
- „Alegeți cel puțin o opțiune” (Min: 1)
Selecții maxime:
Limitați utilizatorii la selectarea a maximum X opțiuni. Casetele de selectare se dezactivează după atingerea limitei.
Exemple:
- „Alegeți cele mai importante 3 caracteristici” (Maxim: 3)
- „Selectați până la 5 servicii” (Maxim: 5)
- „Alegeți maximum 2 opțiuni” (Maxim: 2)
Ștergeți feedback-ul:
Utilizatorii văd mesaje de validare precum „Vă rugăm să selectați cel puțin 2 opțiuni” sau „Sunt permise maximum 3 selecții”.
🔧 Gestionare ușoară a opțiunilor
Control deplin asupra alegerilor:
- Adăugați opțiuni – Tastați și apăsați Enter sau faceți clic pe „Adăugați opțiune”. Creați liste de casete de selectare în câteva secunde.
- Opțiuni de editare – Actualizați independent textul afișat (ceea ce văd utilizatorii) și valorile (ceea ce este trimis).
- Bifat implicit – Preselectați anumite casete de selectare bifând caseta de lângă fiecare opțiune.
- Opțiuni de reordonare – Folosiți săgețile sus/jos pentru a aranja casetele de selectare în ordine perfectă.
- Opțiuni de ștergere – Eliminați opțiunile nedorite cu un singur clic.
Afișare vs. Valoare:
- Etichetă: Ce văd utilizatorii (de exemplu, „Actualizări prin e-mail”)
- Valoare: Ce este stocat (de exemplu, „actualizări_email”)
Clădire în vrac:
Adăugați rapid mai multe opțiuni tastând, apăsând Enter, tastând, apăsând Enter – creare rapidă a unei liste de casete de selectare.
☑️ Funcții pentru o singură casetă de selectare
Opțiuni de personalizare:
Textul etichetei casetei de selectare:
Textul afișat lângă caseta de selectare. Formulați-l clar și specific (de exemplu, „Sunt de acord să primesc e-mailuri de marketing”).
Stare bifată implicită:
Pre-bifați caseta când formularul se încarcă. Folosiți cu atenție – utilizatorii ar trebui să bifeze în mod conștient căsuțele de acord.
Valoare personalizată trimisă:
Setați ce valoare este trimisă când este bifată (de obicei „da”, „1” sau „adevărat”). Valoarea implicită este „da”.
Validare necesară:
Caseta de selectare este obligatorie. Utilizatorii trebuie să o bifeze pentru a trimite formularul. Perfectă pentru acordurile obligatorii.
🔀 Logică condiționată
Vizibilitate dinamică a casetei de selectare:
Afișează sau ascunde câmpurile casetelor de selectare în funcție de alte valori ale formularului. Afișează opțiunile numai atunci când sunt relevante.
Reguli logice avansate:
Logică ȘI – Trebuie îndeplinite toate condițiile
SAU Logică – Orice condiție poate declanșa acțiunea
8 operatori – Egal cu, Nu este egal cu, Mai mare decât, Mai mic decât, Conține, Este gol și alții
Cazuri de utilizare:
Afișați casetele de selectare „Preferințe de livrare” numai atunci când este bifată opțiunea „Necesită livrare”.
Afișează „Subiecte newsletter” când este bifată caseta de selectare pentru abonare
Afișează „Servicii suplimentare” când tipul de serviciu este egal cu „Premium”
Ascunde „Opțiuni de reducere” când totalul comenzii este mai mic de 50 USD
🎯 Experiență îmbunătățită pentru utilizator
Funcții inteligente încorporate:
- Indicatori vizuali – Bifați casetele de selectare cu spațierea corespunzătoare
- Navigare de la tastatură – Utilizați ușor Tab pentru a trece prin opțiuni
- Touch-Friendly – Ținte mari de atingere pentru mobil
- Selecții implicite – Verificați în prealabil opțiunile specifice
- Clase CSS personalizate – Aplicarea stilurilor grupurilor de casete de selectare
- Suport pentru accesibilitate – etichete ARIA, compatibil cu cititorul de ecran
- Optimizat pentru mobil – Dimensiuni perfecte ale casetelor de selectare pentru ecranele tactile
- Etichete clare – Text lizibil cu aliniere corectă
- Validare necesară – Ștergerea mesajelor de eroare
- Text de ajutor – Adăugați descrieri pentru grupuri complexe de casete de selectare
Configurare simplă în 3 pași
Pregătește-ți câmpul Caseta de selectare în câteva minute
Adăugați un câmp de casetă de selectare
Trageți și plasați câmpul Casetă de selectare din secțiunea Câmpuri de bază în formular.
Alegeți Modul
Selectați „Casetă de selectare unică” pentru întrebări cu da/nu sau „Casete de selectare multiple” pentru opțiuni cu selecție multiplă.
Configurați Opțiuni
Pentru o singură opțiune: setați eticheta și valoarea casetei de selectare. Pentru mai multe opțiuni: adăugați opțiuni, alegeți aspectul, activați opțional opțiunile „Selectați tot” sau „Altele” și setați selecțiile minime/maxime.
???? Asta e tot! Câmpul casetei de selectare este gata cu validare inteligentă.
Aplicații din lumea reală
Acorduri și consimțământ
* Acceptarea termenilor și condițiilor
* Acorduri privind politica de confidențialitate
* Înscrieri prin e-mail pentru consimțământ
* Abonamente la newsletter
Sondaje și feedback
* Întrebări de tipul „Selectați toate variantele aplicabile”
* Selecție de interese multiple
* Colecție de preferințe pentru funcții
* Opțiuni de interes subiectic
E-commerce
* Selecția caracteristicilor produsului
* Suplimente de servicii
* Opțiuni de livrare
* Preferințe de notificare
Formulare de înregistrare
* Preferințe de comunicare
* Categorii de interese
* Setări de permisiuni
* Selecție de acces la funcții
Aplicatii
Verificatori de calificări
* Selecții de abilități
* Domenii de interes
* Opțiuni de disponibilitate
Setări și preferințe
* Setările contului
* Opțiuni de confidențialitate
* Opțiuni de notificare
* Comutare funcții
Opțiuni complete de câmp
Configurare de bază
- Etichetă câmp – Întrebarea sau titlul afișat deasupra casetelor de selectare
- Descriere/Text de ajutor – Îndrumări suplimentare pentru utilizatori
- Câmp obligatoriu – Bifați casetele de selectare obligatorii
- Substitut – Nu se aplică pentru casetele de selectare
Modul Casetă de selectare
Alegeți tipul de mod:
- Casetă de selectare unică – întrebare Da/Nu, acord sau opțiune de înscriere (o singură casetă de selectare)
- Casete de selectare multiple – Opțiuni cu selectare multiplă (casete de selectare multiple)
Opțiuni pentru o singură casetă de selectare
- Text lângă caseta de selectare – Eticheta afișată lângă caseta de selectare (de exemplu, „Sunt de acord cu termenii și condițiile”)
- Start bifat – Caseta de selectare este pre-bifată la încărcarea formularului
- Valoare la bifare – Valoarea datelor este stocată la bifare (implicit: „da”)
Opțiuni multiple de casete de selectare
Asezare in pagina:
- Stivuite (unul pe linie) – Aranjament vertical
- Alături (în rând) – Aranjament orizontal
- Grilă (mai multe coloane) – aspect grilă cu 2 coloane
Opțiuni casetă de selectare:
Construiește-ți lista de opțiuni:
- Text afișat – Ceea ce văd utilizatorii (de exemplu, „E-mail”)
- Valoare – Ce este trimis (de exemplu, „e-mail”)
- Bifat implicit – Preselectați opțiuni specifice
- Reordonare – Mută opțiunile în sus/în jos
- Ștergere – Eliminare opțiuni
Opțiuni speciale:
- Adăugați opțiunea „Selectați tot” – Adăugați o casetă de selectare în partea de sus care selectează/deselectează toate opțiunile
- Adăugați opțiunea „Altele” cu casetă de text – Adaugă opțiunea „Altele” cu câmp de text pentru răspunsuri personalizate
- Adăugați opțiunea „Niciuna dintre cele de mai sus” – Adăugați o opțiune exclusivă care debifează toate celelalte atunci când este selectată
Limite de selecție:
- Selecții minime necesare – Cel mai mic număr de casete de selectare care trebuie bifate (de exemplu, 2)
- Număr maxim de selecții permise – Majoritatea casetelor de selectare (de exemplu, 5)
Logica conditionata
- Activează logica condiționată – Afișează/ascunde în funcție de condiții
- Tip logic
- Toate condițiile trebuie îndeplinite (ȘI)
- Orice condiție poate fi îndeplinită (SAU)
- Reguli de condiție
- Afișare/Ascundere – Acțiune de întreprins
- Câmp – Ce câmp să verificați
- Operator – Egal cu, Nu este egal cu, Conține, Mai mare decât, Mai mic decât, Este gol, Nu este gol
- Valoare – Valoare de comparație
- Condiții multiple – Adăugați reguli nelimitate
Opțiuni avansate
- Câmp ascuns – Faceți câmpul invizibil (nu este recomandat pentru casetele de selectare)
- Clase CSS personalizate – Aplicați stiluri personalizate
- Atribute de accesibilitate – etichete ARIA pentru cititoare de ecran
De ce să alegeți câmpul nostru de selectare?
✅ Două moduri – O singură casetă de selectare sau mai multe casete de selectare într-un singur tip de câmp
✅ Aspecte flexibile – Aranjamente verticale, orizontale sau în grilă
✅ Selectați Toate – Selecție cu un singur clic pentru confort
✅ Altă opțiune – Introducere text pentru răspunsuri personalizate
✅ Nicio opțiune – Alegere exclusivă fără selecție
✅ Limite minime/maxime – Cantitate de selecție a controlului
✅ Management ușor – Adăugați, editați, reordonați, ștergeți opțiuni fără efort
✅ Ușor de utilizat – Etichete clare, spațiere corespunzătoare, ușor de utilizat la atingere
✅ Integrat complet – Funcționează perfect cu toate funcțiile formularului
Întrebări frecvente
Î: Care este diferența dintre modurile cu o singură casetă de selectare și cele cu mai multe casete de selectare?
Modul unic afișează o casetă de selectare pentru deciziile da/nu. Modul multiplu afișează mai multe casete de selectare unde utilizatorii pot selecta mai multe opțiuni.
Î: Pot utilizatorii să bifeze toate casetele de selectare simultan?
Da. Activați opțiunea „Selectați tot” pentru a adăuga o casetă de selectare care bifează sau debifează fiecare opțiune cu un singur clic.
Î: Cum funcționează selecțiile min/max?
Minimul asigură că utilizatorii selectează cel puțin un anumit număr de opțiuni. Maximul limitează numărul de casete de selectare pe care le pot bifa.
Î: Ce face opțiunea „Altele”?
Adaugă o casetă de selectare suplimentară etichetată „Altele”. Când este selectată, apare un câmp de text prin care utilizatorii pot introduce un răspuns personalizat.
Î: Cum funcționează „Niciuna dintre variantele de mai sus”?
Acționează ca o opțiune exclusivă. Dacă este selectată, toate celelalte casete de selectare sunt debifate. Dacă este bifată orice altă opțiune, opțiunea „Niciuna” se debifează automat.
Î: Pot preselecta anumite casete de selectare?
Da. Pentru modul unic, activați „Start bifat”. Pentru modul multiplu, bifați caseta de selectare mică de lângă fiecare opțiune pe care doriți să o selectați în mod implicit.
Î: Ar trebui să bifez în prealabil căsuțele acordului?
Nu. Pentru politici, termeni și consimțământ, utilizatorii ar trebui să bifeze singuri căsuța.
Î: Pot schimba ordinea casetelor de selectare?
Da. Folosește săgețile sus și jos de lângă fiecare opțiune pentru a le reordona după cum dorești.
Î: Care este diferența dintre textul afișat și valoare?
Textul afișat este ceea ce văd utilizatorii. Valoarea este ceea ce este stocat în baza de date pentru date curate și consecvente.
Î: Pot folosi logica condițională cu casetele de selectare?
Da. Declanșați alte câmpuri pe baza selecțiilor folosind operatori precum „Egal cu”, „Este gol” sau „Nu este gol”.
Î: Cum creez o casetă de selectare obligatorie?
Activați „Câmp obligatoriu”. Pentru modul unic, caseta trebuie bifată. Pentru modul multiplu, utilizatorii trebuie să selecteze cel puțin o opțiune sau să îndeplinească cerința minimă.
Î: Pot utilizatorii să modifice selecțiile după verificare?
Da. Pot bifa sau debifa orice opțiuni în mod liber înainte de a trimite formularul. „Selectați tot” poate fi, de asemenea, activat/dezactivat oricând.
