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