סימון Checkbox/Radio בלחיצה על טקסט

‏ • 10 באוגוסט, 2003



את הדבר הבא לראשונה ראיתי באתר www.hotmail.com (נכון לתאריך 07/08/2003)
ולמדתי מקוד המקור של האתר. בדבר הזה כמעט אף אחד לא התעניין… עכשיו
כשאתרים יתחילו להשתמש בזה, כולם יתחילו להתעניין בזה.

וניגש לעניין:
כשבונים טפסים עם checkbox או radio, כדי לסמן אותם בדפדפן הגולש
צריך ללחוץ עליהם, יש כאלו שמנסים ללחוץ על הטקסט בתקווה שזה יסמן את התיבה.

הפיתרון: התג המופלא <label> !
כדי שגולש יוכל ללחוץ על הטקסט בכדי לסמן את התיבה, יש להגדיר לכל תיבה את
התווית שלה. איך?
נגיד שזה התיבה שלכם:



<input type=“checkbox” name=“something”>


קודם כל, עליכם להוסיף id ייחודי לתיבה כך:



<input type=“checkbox” name=“something” id=“simun”>


ניתן להחליף את simun לכל מזהה (ID) אחר.
חשוב! לכל תיבה חייבים לתת מזהה אחר!
עכשיו, כל מה שנשאר זה להקיף את הטקסט שברצונכם שיהיה התווית בתגית

כעת כל לחיצה על הטקסט, כלחיצה על התיבה.

דוגמא

לחצו על הטקסט בכדי לסמן את התיבה



בהצלחה!

תגיות: , , ,

ivg2003

חולה על מחשבים

תגובות בפייסבוק