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

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

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

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



<input type="checkbox" name="something">

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



<input type="checkbox" name="something" id="simun">

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



<label for="simun">אני מסכים לכללי האתר</label>

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

דוגמא

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

אני מסכים לכללי האתר
אני מסכים לכללי האתר
בהצלחה!