בעת הגלישה באתרים המועדפים עליך, תיבות סימון מופיעות כאשר עליך לבחור אפשרות אחת מתוך האפשרויות הרבות הזמינות. תיבות סימון אלה נוצרות ב בעזרת תג מיוחד. במאמר זה נראה כיצד ליצור תיבת סימון ב- HTML ואת פעולתן של תיבות הסימון ברצף הבא:
כיצד ליצור תיבת סימון ב- HTML?
תיבת סימון היא רכיב טופס המאפשר לך לבחור מספר אפשרויות מבין אפשרויות זמינות שונות. תיבות סימון נוצרות באמצעות HTMLtag. זה יכול להיות מקונן בתוך האלמנט או שהם יכולים לעמוד לבד. הם יכולים גם להיות משויכים לטופס בעזרת תכונת טופס של התג.
הנה דוגמה בסיסית ליצירת תיבת סימון פשוטה:
כחול ירוק אדום
תְפוּקָה:
בואו ניקח בחשבון דוגמה נוספת ונוסיף כפתור שלח כדי שתיבות הסימון יוכלו להיות שימושיות. כאן תוכל גם למקם את תיבות הסימון בתוך אלמנט שמציין דף לעיבוד הטופס.
מהו הצבע האהוב עליך? כחול ירוק אדוםתוֹצָאָה:
תְפוּקָה:
תיבת סימון לעומת כפתורי רדיו
לחצני הבחירה מאפשרים למשתמש לבחור באפשרות אחת בלבד. בעוד שתיבות הסימון מאפשרות למשתמש לבחור מספר אפשרויות כלשהו. בואו ניקח דוגמא ונראה כיצד לחצני בחירה ותיבות סימון פועלים:
הוא מערך אובייקט בג'אווה
תיבות סימון
מהו הצבע האהוב עליך? כחול ירוק אדוםכפתורי רדיו
בחר את מינך? זכר נקבה לא ידועתוֹצָאָה:
תְפוּקָה:
בדוגמה שלעיל תוכל לראות שתוכל לבחור כמה תיבות סימון שתרצה. זה הופך את תיבת הסימון למתאימה לזמנים בהם המשתמש אמור להיות מסוגל לבחור אפשרויות מרובות. אך אם תנסה לבחור יותר מלחצן בחירה אחד, הבחירה הקודמת לא נבחרת. זה עוזר לך לאלץ משתמשים לבחור אפשרות אחת בלבד.
השבתת תיבת סימון ב- HTML
אתה יכול להשבית את תיבת הסימון ב באמצעות התכונה מושבתת. ניתן לעשות זאת בשילוב עם סקריפט כדי להפעיל או להשבית את תיבת הסימון, תלוי אם התקיימו קריטריונים מסוימים.
בואו ניקח דוגמה כדי לראות כיצד נוכל להשבית את תיבת הסימון:
כחול ירוק אדום
תְפוּקָה:
מה ניתן לסדר בג'אווה
בדוגמה שלעיל, השבתנו את הצבע האדום. לכן, תוכלו לבחור ירוק וכחול מתיבת הסימון אך לא את הצבע האדום.
בכך הגענו לסוף המאמר שלנו. אני מקווה שהבנת כיצד תיבות סימון ב- HTML עובדות וכיצד ניתן להשתמש בהן באופן שונה.
עכשיו שאתה יודע על תיבת סימון ב- HTML, עיין ב מאת אדוריקה. הדרכת הסמכת פיתוח אתרים תעזור לך ללמוד כיצד ליצור אתרים מרשימים באמצעות HTML5, CSS3, Twitter Bootstrap 3, jQuery ו- API של Google ולפרוס אותו לשירות אחסון פשוט של אמזון (S3).
יש לך שאלה עבורנו? אנא הזכיר זאת בקטע ההערות של 'תיבת סימון ב- HTML' ונחזור אליך.