כפתורי רדיו
אספו בחירות בודדות בבהירות ובסגנון. משאלות כן/לא פשוטות ועד לאפשרויות מורכבות מרובות אפשרויות עם פריסות גמישות, אפשרויות מותאמות אישית ותכונות חכמות - שדה כפתורי הבחירה מבטיח שמשתמשים יבחרו בדיוק תשובה אחת מהרשימה שלכם.
מושלם לשאלות בחירה יחידה
מושלם בשביל:
תכונות עוצמתיות לכל מקרה שימוש
🎨 אפשרויות פריסה גמישות
שלוש פריסות מקצועיות:
- אנכי (מוערם) – אפשרויות מופיעות אחת בכל שורה, מוערמות אנכית. הפריסה המסורתית והקריאה ביותר עבור תוויות אפשרויות ארוכות.
- אופקי (מוטבע) – האפשרויות מופיעות זו לצד זו בשורה. מושלם לתוויות קצרות וטפסים קומפקטיים.
- רשת (2 עמודות) – אפשרויות המסודרות ברשת בת שתי עמודות. חוסך מקום תוך שמירה על קריאות.
בחר בהתבסס על:
- אנכי: תוויות אפשרויות ארוכות, בחירות מפורטות, צורות מסורתיות
- אופקי: 2-5 אפשרויות קצרות (כן/לא, זכר/נקבה וכו')
- רשת: 4+ אפשרויות באורך בינוני, פריסה מאוזנת
התנהגות תגובתית:
כל הפריסות מסתגלות אוטומטית למסכים ניידים, ומערימות אותן אנכית בעת הצורך לשיפור האינטראקציה עם מגע.
🎲 סדר אפשרויות אקראי
אקראיות ברמת סקר
ערבוב סדר האפשרויות בכל פעם שהטופס נטען. מבטל הטיה עמדה בסקרים, סקרים וטפסי מחקר.
למה לבצע אקראי?
- מונע הטיה בסדר בסקרים
- מבטיח חלוקת בחירה הוגנת
- מתודולוגיית מחקר מקצועית
- משפר את איכות הנתונים
מושלם בשביל:
- טפסי סקר ושאלונים
- בדיקות A/B ומחקר
- סקרי דעת קהל והצבעה
- מחקרי העדפה
התנהגות חכמה:
אפשרויות מיוחדות כמו "אחר" ו"אף אחת מהאפשרויות הנ"ל" יכולות להישאר בתחתית גם כאשר האפשרויות העיקריות מוצגות באופן אקראי.
❌ אפשרות "אף אחת מהאפשרויות הנ"ל"
אי-בחירה מפורשת
הוסף בסוף הרשימה אפשרות "אף אחת מהאפשרויות הנ"ל" או "לא רלוונטי". זה נותן למשתמשים דרך ברורה לציין שאין אפשרויות רלוונטיות.
למה לכלול את זה?
- מונע בחירות כפויות
- משפר את דיוק הנתונים
- מציג את כל הבסיסים המכוסים
- מפחית נטישת טפסים
מושלם בשביל:
- שאלות העדפה אופציונליות
- שאלות בסגנון "בחר את כל מה שרלוונטי"
- בודקי הסמכה
- בחירות תחומי עניין
מיקום חכם:
האפשרות "ללא" תמיד מופיעה אחרונה, ומספקת הפרדה ברורה מהבחירות הרגילות.
🔧 ניהול אפשרויות קל
שליטה מלאה על בחירות:
- הוסף אפשרויות – הקלד ולחץ על "הוסף אפשרות" או לחץ על Enter. בנה את הרשימה שלך תוך שניות.
- אפשרויות עריכה – עדכון טקסט התצוגה (מה שמשתמשים רואים) וערכים (מה שנשלח) באופן עצמאי.
- סידור מחדש של אפשרויות – השתמשו בחצים למעלה/למטה כדי לסדר את האפשרויות בסדר המושלם.
- מחיקת אפשרויות – הסרת אפשרויות בלחיצה אחת. אף אפשרות אינה קבועה.
תצוגה לעומת ערך:
- תווית: מה שמשתמשים רואים (למשל, "שירות מעולה")
- ערך: מה מאוחסן במסד הנתונים (למשל, "excellent_service")
בנייה בכמות גדולה:
הוסף אפשרויות מרובות במהירות על ידי הקלדה, לחיצה על Enter, הקלדה ולחיצה על Enter – יצירה מהירה של אפשרויות עבור רשימות ארוכות.
✅ בחירת ברירת מחדל
בחירה מראש של אפשרות
בחר איזה כפתור אפשרויות ייבחר כברירת מחדל בעת טעינת הטופס. מדריך משתמשים לתשובות נפוצות או מדגיש אפשרויות מומלצות.
שימוש במקרים:
בחר מראש את התשובה הנפוצה ביותר כדי להאיץ את ההשלמה
הדגש את האפשרות המומלצת (למשל, תוכנית "התמורה הטובה ביותר")
הגדר אפשרות ברירת מחדל להסכם (תנאים מקובלים)
הנחיית משתמשים אל הבחירה המועדפת
או ללא ברירת מחדל:
השאר את כל האפשרויות לא מסומנות, מה שמחייב את המשתמשים לבצע בחירה פעילה. מושלם לשאלות הדורשות בחירה מודעת.
✏️ אפשרות "אחר" עם הזנת טקסט
אוסף תשובות מותאם אישית
הוסף אפשרות "אחר" שתגלה קלט טקסט בעת בחירה. משתמשים יכולים לציין תשובה משלהם אם אף אחת מהאפשרויות המוגדרות מראש אינה מתאימה.
תווית הניתנת להתאמה אישית:
- שנה את טקסט התווית "אחר" בהתאם לצרכים שלך:
- "אחר (נא לפרט)"
- "משהו אחר"
- "תשובה מותאמת אישית"
- "לא רשום"
איך זה עובד:
כאשר משתמשים בוחרים "אחר", מופיע באופן מיידי שדה טקסט בו הם יכולים להקליד את התגובה המותאמת אישית שלהם. גם הבחירה "אחר" וגם הטקסט שלהם נשלחים.
שימוש במקרים:
- "איך שמעת עלינו?" עם מקור הפניה מותאם אישית
- העדפת מוצר עם אפשרויות לא רשומות
- קטגוריות משוב עם "דאגות אחרות"
- כל רשימה שלא יכולה לכסות את כל האפשרויות
🔀 לוגיקה מותנית
נראות כפתור רדיו דינמי
הצג או הסתר שדות של כפתורי אפשרויות בהתבסס על ערכי טופס אחרים. צור טפסים חכמים שמתאימים את עצמם לבחירות המשתמש.
כללי לוגיקה מתקדמים:
- לוגיקה וגם - כל התנאים חייבים להתקיים
- לוגיקה או - כל תנאי יכול להפעיל את הפעולה
- 8 אופרטורים - שווה, לא שווה, גדול מ, קטן מ, מכיל, ריק ועוד
שימוש במקרים:
- הצג אפשרויות מוצר רק כאשר סוג מוצר נבחר
- הצגת העדפות משלוח כאשר שיטת המשלוח היא "אקספרס"
- הסתר תוכניות תשלום כאשר סך ההזמנה נמוך מ-100 דולר
- חשיפת שאלות נוספות בהתבסס על תשובה ראשונית
🎯 חוויית משתמש משופרת
תכונות חכמות מובנות:
- אכיפת בחירה יחידה - ניתן לבחור אפשרות אחת בלבד בכל פעם (התנהגות סטנדרטית של כפתור אפשרויות)
- אימות נדרש – הפוך את הבחירה לחובה עם הודעות שגיאה ברורות
- ניווט במקלדת – מקשי החצים עוברים בין אפשרויות נגישות
- שיעורי CSS מותאמים אישית – החלת עיצוב מותאם אישית שיתאים למותג שלך
- תמיכה בנגישות – תוויות ARIA, תואם לקורא מסך
- מותאם למובייל - ידידותי למגע עם יעדי הקשה גדולים יותר
- משוב חזותי - אינדיקציה ברורה של האפשרות שנבחרה
- תמיכה בטקסט עזרה – הוספת תיאורים להבהרת אפשרויות
התקנה פשוטה ב-3 שלבים
הכינו את שדה כפתורי הרדיו שלכם תוך דקות
הוסף את שדה כפתורי הבחירה
גרור ושחרר את השדה כפתורי אפשרויות מהמקטע שדות בסיסיים לתוך הטופס שלך.
הוסף את האפשרויות שלך
הקלד תוויות אפשרויות ולחץ על "הוסף אפשרות" כדי לבנות את הרשימה שלך. סדר מחדש בעזרת החצים, ערוך תוויות וערכים לפי הצורך.
בחירת פריסה ותכונות
בחר סגנון פריסה (אנכי, אופקי או רשת), הוסף לחלופין את האפשרות "אחר" או "אף אחת מהאפשרויות הנ"ל", הגדר את בחירת ברירת המחדל אם תרצה בכך.
🎉 זהו! כפתורי הבחירה שלך מוכנים לבחירה בודדת.
אפליקציות בעולם האמיתי
סקרים ומשוב
* דירוגי שביעות רצון (מאוד מרוצה עד מאוד לא מרוצה)
* סולמות הסכמה (מסכים מאוד עד לא מסכים מאוד)
* שאלות תדירות (יומי, שבועי, חודשי, לעתים רחוקות, אף פעם)
* שאלות דירוג (1-5 כוכבים, מצויין עד גרוע)
E-Commerce
* בחירת גודל מוצר (קטן, בינוני, גדול, XL)
* העדפות צבע
* אפשרויות שיטות משלוח
* אפשרויות עטיפת מתנה
טפסי הרשמה
* בחירת מגדר
* אפשרויות טווח גילאים
* רמת ניסיון (מתחילים, בינוניים, מתקדמים)
* בחירת רמת חברות
יישומים עסקיים
* רמת עדיפות (גבוהה, בינונית, נמוכה)
* בחירת מחלקה
* העדפות ליצירת קשר (דוא"ל, טלפון, הודעת טקסט)
* אפשרויות טווח תקציב
חינוך והדרכה
* בחירת רמת קורס
* העדפת קצב למידה
* זמינות לוח זמנים
* סוג הסמכה
שירותי בריאות ובריאות
* בחירת סוג פגישה
* בחירת ספק הביטוח
* חומרת התסמינים (קלה, בינונית, חמורה)
* העדפת ייעוץ
אפשרויות שדה מלאות
תצורה בסיסית
- תווית שדה – השאלה או הכותרת המוצגות מעל לחצני הבחירה
- תיאור/טקסט עזרה – הדרכה נוספת למשתמשים
- שדה חובה – הפוך את הבחירה לחובה
- מציין מיקום – לא רלוונטי עבור כפתורי אפשרויות
פריסה והצגה
- סגנון פריסה
- אנכי (מוערם) – אחד בכל שורה
- אופקי (בקו אחד) – זה לצד זה
- רשת (2 עמודות) – פריסה מאוזנת
אפשרויות לחצן אפשרויות
- הוסף אפשרויות - בנה את רשימת האפשרויות שלך
- טקסט תצוגה - מה שמשתמשים רואים
- ערך – מה נשלח עם הטופס
- סידור מחדש – הזזת אפשרויות למעלה/למטה
- מחק – הסרת אפשרויות
בחירת ברירת מחדל
ערך ברירת מחדל שנבחר – בחר מראש אפשרות, או השאר ריק אם אין ערך ברירת מחדל
אפשרויות מיוחדות
- הוסף אפשרות "אחר" - אפשר קלט טקסט מותאם אישית
- תווית אפשרות אחרת - התאם אישית את הטקסט "אחר" (ברירת מחדל: "אחר (נא לפרט)")
- הוסף אפשרות "אף אחת מהאפשרויות הנ"ל" - הוסף אפשרות אי-בחירה מפורשת בסוף
תכונות מתקדמות
סדר אקראי – הצגת אפשרויות בסדר אקראי (שימושי לסקרים למניעת הטיה בסדר)
היגיון מותנה
- הפעלת לוגיקה מותנית - הצגה/הסתר בהתבסס על תנאים
- סוג לוגיקה
- כל התנאים חייבים להתקיים (וגם)
- ניתן לעמוד בכל תנאי (או)
- כללי תנאי
- הצג/הסתר – פעולה שיש לנקוט
- שדה - איזה שדה לבדוק
- אופרטור – שווה, לא שווה, מכיל, גדול מ, קטן מ, ריק, לא ריק
- ערך – ערך השוואה
- תנאים מרובים - הוסף כללים ללא הגבלה
אפשרויות אחרות
- שדה מוסתר – הפוך את השדה לבלתי נראה אך כלול את הערך שנבחר בהודעות
- מחלקות CSS מותאמות אישית – החלת עיצוב מותאם אישית
- מאפייני נגישות – תוויות ותיאורים של ARIA
למה לבחור בשדה כפתורי הבחירה שלנו?
✅ פריסות גמישות סידורי אנכיים, אופקיים או רשת
✅ תכונות הסקר - סדר אקראי לקבלת תוצאות אובייקטיביות
✅ ידידותי למשתמש – אפשרות "אחר" לתשובות מותאמות אישית
✅ שליטה מלאה - אפשרויות קלות להוספה, עריכה, סידור מחדש ומחיקה
✅ ברירות מחדל חכמות – בחרו מראש אפשרויות נפוצות או מומלצות
✅ מקצועי – "אף אחד מהנ"ל" לצורך סקרים תקינים
✅ אופטימיזציה לנייד - ידידותי למגע עם יעדי הקשה מושלמים
✅ נגיש – ניווט במקלדת ותמיכה בקורא מסך
✅ משולב לחלוטין – עובד בצורה חלקה עם כל תכונות הטופס
שאלות נפוצות
ש: מה ההבדל בין כפתורי רדיו לתיבות סימון?
כפתורי אפשרויות מאפשרים בחירה אחת בלבד. תיבות סימון מאפשרות בחירות מרובות. השתמשו בלחצן אפשרויות עבור "בחר אחד" ובתיבות סימון עבור "בחר כלשהו".
ש: האם משתמשים יכולים לשנות את בחירת הרדיו שלהם?
כן. בחירת כפתור אפשרויות חדש מבטלת אוטומטית את הבחירה של הקודם.
ש: מתי עליי להשתמש בפריסה אנכית לעומת פריסה אופקית?
השתמשו בפורמט אנכי לרשימות ארוכות יותר או תוויות ארוכות, בפורמט אופקי לקבוצות אפשרויות קצרות של שתיים או שלוש, ובפורמט רשת לקבוצות אפשרויות בגודל בינוני.
ש: כיצד פועלת האפשרות "אחר"?
בחירה באפשרות "אחר" חושפת שדה טקסט שבו המשתמשים מקלידים תשובה מותאמת אישית. גם הבחירה וגם הטקסט נשלחים.
ש: מה עושה סדר אקראי?
בכל פעם שהטופס נטען, סדר האפשרויות משתנה כדי להפחית הטיה בתשובות.
ש: האם עליי להגדיר אפשרות ברירת מחדל?
הגדר שדה אחד אם ברצונך לזרז את ההשלמה או להדריך משתמשים. השאר ריק כשאתה זקוק להם כדי לקבל החלטה מכוונת.
ש: למה מיועדת האפשרות "אף אחת מהאפשרויות הנ"ל"?
זה מאפשר למשתמשים לציין שאף אפשרות ברשימה לא רלוונטית, מה שמשפר את הדיוק ומונע תשובות כפויות.
ש: האם ניתן להציג טקסט שונה וערכים שונים שהוגשו?
כן. טקסט תצוגה מוצג למשתמשים, והערך המאוחסן בהגשות יכול להיות נקי או מובנה יותר.
ש: כיצד אוכל לסדר מחדש את אפשרויות כפתורי הבחירה שלי?
השתמשו בחצים למעלה ולמטה שליד כל אפשרות כדי להזיז אותה לסדר המועדף עליכם.
ש: האם ניתן לדרוש כפתורי רדיו?
כן. הפעל את "שדה חובה" והמשתמשים חייבים לבחור אפשרות לפני השליחה.
ש: האם כפתורי רדיו עובדים בנייד?
כן. הם משתמשים בפקדים ידידותיים למגע ומוצגים באופן אוטומטי אנכית על מסכים קטנים.
ש: האם ניתן להשתמש בלוגיקה מותנית עם כפתורי רדיו?
כן. הצג או הסתר שדות בהתאם לאפשרות שנבחרה באמצעות "שווה" או תנאים דומים.
