Butoane radio
Colectați selecții individuale cu claritate și stil. De la întrebări simple cu da/nu la opțiuni complexe cu opțiuni multiple, cu machete flexibile, opțiuni personalizate și funcții inteligente - câmpul Butoane radio asigură că utilizatorii aleg un singur răspuns din lista dvs.
Perfect pentru întrebări cu o singură alegere
Perfect pentru:
Funcții puternice pentru fiecare caz de utilizare
🎨 Opțiuni flexibile de aspect
Trei machete profesionale:
- Vertical (Stivuit) – Opțiunile apar câte una pe linie, stivuite vertical. Cel mai tradițional și mai lizibil aspect pentru etichetele lungi ale opțiunilor.
- Orizontal (În linie) – Opțiunile apar una lângă alta, la rând. Perfect pentru etichete scurte și formulare compacte.
- Grilă (2 coloane) – Opțiuni aranjate într-o grilă cu două coloane. Economisește spațiu, menținând în același timp lizibilitatea.
Alegeți pe baza:
- Vertical: Etichete lungi cu opțiuni, opțiuni detaliate, formulare tradiționale
- Orizontală: 2-5 opțiuni scurte (Da/Nu, Masculin/Feminin etc.)
- Grilă: 4+ opțiuni de lungime medie, aspect echilibrat
Comportament responsiv:
Toate layout-urile se adaptează automat la ecranele mobile, suprapunându-se vertical atunci când este necesar pentru o interacțiune tactilă mai bună.
🎲 Ordine aleatorie a opțiunilor
Randomizare pe nivel de sondaj
Amestecă ordinea opțiunilor de fiecare dată când se încarcă formularul. Elimină părtinirea poziționării în sondaje, sondaje și formulare de cercetare.
De ce să randomizezi?
- Previne erorile de ordine în sondaje
- Asigură o distribuție echitabilă a selecției
- Metodologia de cercetare profesională
- Îmbunătățește calitatea datelor
Perfect pentru:
- Formulare de sondaj și chestionare
- Testarea și cercetarea A/B
- Votarea și votarea
- Studii de preferințe
Comportament inteligent:
Opțiunile speciale precum „Altele” și „Niciuna dintre cele de mai sus” pot rămâne în partea de jos chiar și atunci când opțiunile principale sunt aleatorii.
❌ Opțiunea „Niciuna dintre variantele de mai sus”
Neselecție explicită
Adăugați o opțiune „Niciuna dintre cele de mai sus” sau „Nu se aplică” la sfârșitul listei. Oferiți utilizatorilor o modalitate clară de a indica faptul că nu se aplică nicio opțiune.
De ce să includem asta?
- Previne selecțiile forțate
- Îmbunătățește acuratețea datelor
- Acoperă toate aspectele
- Reduce abandonul formularelor
Perfect pentru:
- Întrebări opționale privind preferințele
- Întrebări de tip „Selectați toate variantele aplicabile”
- Verificatori de calificări
- Selecții de interese
Poziționare inteligentă:
Opțiunea „Nicio” apare întotdeauna ultima, oferind o separare clară de opțiunile obișnuite.
🔧 Gestionare ușoară a opțiunilor
Control deplin asupra alegerilor:
- Adăugați opțiuni – Tastați și faceți clic pe „Adăugați opțiune” sau apăsați Enter. Creați-vă lista în câteva secunde.
- Opțiuni de editare – Actualizați independent atât textul afișat (ceea ce văd utilizatorii), cât și valorile (ceea ce este trimis).
- Reordonare opțiuni – Folosiți săgețile sus/jos pentru a aranja opțiunile în ordinea perfectă.
- Ștergere opțiuni – Eliminați opțiunile cu un singur clic. Nicio opțiune nu este permanentă.
Afișare vs. Valoare:
- Etichetă: Ceea ce văd utilizatorii (de exemplu, „Servicii excelente”)
- Valoare: Ce este stocat în baza de date (de exemplu, „excellent_service”)
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ă de opțiuni pentru liste lungi.
✅ Selecție implicită
Preselectați o opțiune
Alegeți butonul radio selectat în mod implicit la încărcarea formularului. Ghidează utilizatorii către răspunsuri comune sau evidențiază opțiunile recomandate.
Cazuri de utilizare:
Preselectați cel mai frecvent răspuns pentru finalizare rapidă
Evidențiați opțiunea recomandată (de exemplu, planul „Cel mai bun raport calitate-preț”)
Setați opțiunea implicită a acordului (termenii acceptați)
Ghidează utilizatorii către alegerea preferată
Sau Fără implicit:
Lăsați toate opțiunile neselectate, solicitând utilizatorilor să facă o alegere activă. Perfect pentru întrebări care necesită o selecție conștientă.
✏️ Opțiunea „Altele” cu introducere de text
Colecție de răspunsuri personalizate
Adăugați o opțiune „Altele” care afișează un text introdus atunci când este selectată. Utilizatorii își pot specifica propriul răspuns dacă niciuna dintre opțiunile prestabilite nu se potrivește.
Etichetă personalizabilă:
- Schimbați textul etichetei „Altele” pentru a se potrivi nevoilor dvs.:
- „Altele (vă rugăm să specificați)”
- "Altceva"
- „Răspuns personalizat”
- „Neenumerat”
Cum funcționează:
Când utilizatorii selectează „Altul”, apare instantaneu un câmp de text în care aceștia pot introduce răspunsul personalizat. Atât selecția „Altul”, cât și textul lor sunt trimise.
Cazuri de utilizare:
- „Cum ați aflat de noi?” cu o sursă de recomandare personalizată
- Preferință de produs cu opțiuni nelistate
- Categorii de feedback cu „Alte preocupări”
- Orice listă care nu poate acoperi toate posibilitățile
🔀 Logică condiționată
Vizibilitatea butonului radio dinamic
Afișați sau ascundeți câmpurile butoanelor radio în funcție de alte valori ale formularului. Creați formulare inteligente care se adaptează selecțiilor utilizatorului.
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 opțiunile de produs numai când este selectat tipul de produs
- Afișați preferințele de livrare când metoda de livrare este egală cu „Express”
- Ascundeți planurile de plată când totalul comenzii este mai mic de 100 USD
- Dezvăluiți întrebări suplimentare pe baza răspunsului inițial
🎯 Experiență îmbunătățită pentru utilizator
Funcții inteligente încorporate:
- Aplicare selecție unică – Se poate selecta o singură opțiune la un moment dat (comportament standard al butonului radio)
- Validare obligatorie – Faceți selecția obligatorie cu mesaje de eroare clare
- Navigare cu tastatură – Tastele săgeată vă permit să navigați între opțiunile de accesibilitate
- Clase CSS personalizate – Aplicați stiluri personalizate pentru a se potrivi cu brandul dvs.
- Suport pentru accesibilitate – etichete ARIA, compatibil cu cititorul de ecran
- Optimizat pentru mobil – Touch-friendly cu ținte de atingere mai mari
- Feedback vizual – Indicație clară a opțiunii selectate
- Text de ajutor - Adăugați descrieri pentru a clarifica opțiunile
Configurare simplă în 3 pași
Pregătește-ți câmpul cu butoane radio în câteva minute
Adăugați câmpul Butoane radio
Trageți și plasați câmpul Butoane radio din secțiunea Câmpuri de bază în formular.
Adăugați opțiunile dvs.
Introduceți etichetele opțiunilor și faceți clic pe „Adăugați opțiune” pentru a vă crea lista. Reordonați cu săgeți, editați etichetele și valorile după cum este necesar.
Alegeți aspectul și caracteristicile
Selectați stilul de aspect (vertical, orizontal sau grilă), adăugați opțional opțiunea „Altele” sau „Niciuna dintre opțiunile de mai sus”, setați selecția implicită dacă doriți.
🎉 Asta e tot! Butoanele radio sunt gata pentru o selecție cu o singură opțiune.
Aplicații din lumea reală
Sondaje și feedback
* Evaluări ale satisfacției (de la Foarte mulțumit la Foarte nemulțumit)
* Scale de acord (De la Total acord până la Total dezacord)
* Întrebări despre frecvență (zilnic, săptămânal, lunar, rar, niciodată)
Întrebări de evaluare (1-5 stele, Excelent până la Slab)
E-commerce
* Selectarea mărimii produsului (Small, Medium, Large, XL)
* Preferințe de culoare
* Opțiuni pentru metoda de livrare
* Opțiuni de împachetare a cadourilor
Formulare de înregistrare
* Selectarea sexului
* Opțiuni pentru intervalul de vârstă
* Nivel de experiență (Începător, Intermediar, Avansat)
* Selectarea nivelului de membru
Aplicații pentru afaceri
* Nivel de prioritate (Ridicat, Mediu, Scăzut)
* Selectarea departamentului
* Preferințe de contact (e-mail, telefon, SMS)
* Opțiuni de interval bugetar
Educație și formare
* Selectarea nivelului cursului
* Preferința ritmului de învățare
* Disponibilitate program
* Tipul de certificare
Asistență medicală și bunăstare
* Selectarea tipului de programare
* Alegerea furnizorului de asigurări
* Severitatea simptomelor (Ușoară, Moderată, Severă)
* Preferință de consultare
Opțiuni complete de câmp
Configurare de bază
- Etichetă câmp – Întrebarea sau titlul afișat deasupra butoanelor radio
- Descriere/Text de ajutor – Îndrumări suplimentare pentru utilizatori
- Câmp obligatoriu – Faceți selecția obligatorie
- Substitut – Nu se aplică pentru butoanele radio
Aspect și prezentare
- Stil de aspect
- Vertical (stivuit) – câte unul pe linie
- Orizontal (în linie) – alăturat
- Grilă (2 coloane) – aspect echilibrat
Opțiuni buton radio
- Adăugați opțiuni – Creați-vă lista de opțiuni
- Text afișat – Ce văd utilizatorii
- Valoare – Ce este trimis odată cu formularul
- Reordonare – Mută opțiunile în sus/în jos
- Ștergere – Eliminare opțiuni
Selecție implicită
Valoare selectată implicită – Preselectați o opțiune sau lăsați necompletată dacă nu există nicio valoare implicită.
Opțiuni speciale
- Adăugați opțiunea „Altele” – Permiteți introducerea de text personalizat
- Etichetă altă opțiune – Personalizați textul „Altele” (implicit: „Altele (vă rugăm să specificați)”)
- Adăugați opțiunea „Niciuna dintre cele de mai sus” – Adăugați o opțiune explicită de neselecție la sfârșit
Caracteristici avansate
Ordine aleatorie – Afișează opțiunile în ordine aleatorie (util pentru sondaje pentru a preveni erorile de ordine)
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
Alte optiuni
- Câmp ascuns – Faceți câmpul invizibil, dar includeți valoarea selectată în trimiteri
- Clase CSS personalizate – Aplicați stiluri personalizate
- Atribute de accesibilitate – etichete și descrieri ARIA
De ce să alegeți gama noastră de butoane radio?
✅ Aspecte flexibile – Aranjamente verticale, orizontale sau în grilă
✅ Caracteristici ale sondajului – Ordine aleatorie pentru rezultate imparțiale
✅ Ușor de utilizat – Opțiunea „Altele” pentru răspunsuri personalizate
✅ Control complet – Opțiuni ușoare de adăugare, editare, reordonare și ștergere
✅ Setări implicite inteligente – Preselectați opțiuni comune sau recomandate
✅ Profesional – „Niciuna dintre variantele de mai sus” pentru sondaje adecvate
✅ Optimizat pentru mobil – Prietenos cu atingerea perfectă
✅ Accesibil – Navigare cu tastatură și suport pentru cititor de ecran
✅ Integrat complet – Funcționează perfect cu toate funcțiile formularului
Întrebări frecvente
Î: Care este diferența dintre butoanele radio și casetele de selectare?
Butoanele radio permit o singură selecție. Casetele de selectare permit selecții multiple. Folosiți radioul pentru „alegeți una” și casetele de selectare pentru „alegeți oricare”.
Î: Pot utilizatorii să își modifice selecția de radio?
Da. Selectarea unui nou buton radio îl deselectează automat pe cel anterior.
Î: Când ar trebui să utilizez aspectul vertical față de cel orizontal?
Folosiți aspectul vertical pentru liste mai lungi sau etichete lungi, orizontal pentru seturi scurte de două sau trei opțiuni și aspectul de grilă pentru grupuri de opțiuni de dimensiuni medii.
Î: Cum funcționează opțiunea „Altele”?
Selectarea opțiunii „Altele” dezvăluie un câmp de text în care utilizatorii tastează un răspuns personalizat. Atât selecția, cât și textul sunt trimise.
Î: Ce face ordinea aleatorie?
De fiecare dată când formularul se încarcă, ordinea opțiunilor se schimbă pentru a reduce părtinirea din răspunsuri.
Î: Ar trebui să setez o selecție implicită?
Setați una dacă doriți să accelerați finalizarea sau să ghidați utilizatorii. Lăsați necompletat atunci când aveți nevoie ca aceștia să facă o alegere intenționată.
Î: Pentru ce este opțiunea „Niciuna dintre cele de mai sus”?
Permite utilizatorilor să indice că nicio opțiune din listă nu se aplică, îmbunătățind precizia și prevenind răspunsurile forțate.
Î: Pot avea text afișat diferit și valori trimise diferite?
Da. Textul afișat este afișat utilizatorilor, iar valoarea stocată în trimiteri poate fi mai clară sau mai structurată.
Î: Cum pot reordona opțiunile butonului radio?
Folosește săgețile sus și jos de lângă fiecare opțiune pentru a le muta în ordinea preferată.
Î: Pot fi obligatorii butoanele radio?
Da. Activați „Câmp obligatoriu”, iar utilizatorii trebuie să aleagă o opțiune înainte de a trimite.
Î: Funcționează butoanele radio pe mobil?
Da. Folosesc comenzi tactile și se suprapun automat pe verticală pe ecrane mici.
Î: Pot folosi logica condiționată cu butoanele radio?
Da. Afișați sau ascundeți câmpurile în funcție de opțiunea selectată, utilizând „Egal cu” sau condiții similare.
