שימוש נכון בתווית <Label>

ראיתי ב freecodecamp המלצה לשים אלמנטים של טופס כמו כפתורים בתוך תווית :
image
מצד שאני ב MDN ממליצים שלא לעשות את זה.
מישהו יודע לעשות לי סדר אם יש איזה הבדלים או מה ההמלצה העדכנית בנושא?

היי אופיר, ממה שאני קורא בMDN הם לא אומרים לא לעשות את זה להפך מציגים היתרונות של השיטה, פשוט אומרים איך לעשות את זה נכון.

מסבירים שאם אתה עושה lable ו input בנפרד ואתה רוצה לקשר ביניהם מבחינה פרוגרמטית אתה צריך לתת לאחד for ולשני id ועם אותו השם.

או לחילופין לעשות nesting של input בתוך lable.

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

4 לייקים

תודה!

:slight_smile: