וובמאסטר - תיכנות ובניית אתרים

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

דני מלך המחשבים/‏ 10 אוגוסט, 2003
F+
F-

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

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

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

קודם כל, עליכם להוסיף id ייחודי לתיבה כך:
<input type="checkbox" name="something" id="simun">

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




דוגמא


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




בהצלחה!

דני מלך המחשבים

מנוסה ברבים מתחומי המחשבים, כגון: פיתוח יישומי אינטרנט, פיתוח יישומים ב- VB6, איתור ותיקון תקלות בתוכנה וחומרה, רשתות מחשבים, ועוד.
תגיות: HTML‏  /  checkbox‏  /  סימון‏  /  תיבת סימון‏  

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

תגובות למאמר



תגיות פופולאריות

X
הצטרף לעמוד שלנו בפייסבוק להישאר מעודכן!
וובמאסטר © כל הזכויות שמורות