תיבות סימון

ב-HTML, משתמשים בתיבות סימון ליצירת קבוצת אפשרויות שממנה המשתמש יכול לבחור כמה אפשרויות. תיבות סימון נוצרות באמצעות התג <input>, כאשר המאפיין type מוגדר ל-"checkbox".

הנה התחביר הבסיסי ליצירת תיבת סימון ב-HTML:

<input type="checkbox" id="option1" name="checkboxgroup" value="option1">
<label for="option1">Option 1</label>

• <input>: התג שמגדיר את שדה הקלט.
• type="checkbox": מאפיין שמציין שסוג הקלט הוא תיבת סימון.
• id: מאפיין שמעניק לתיבת הסימון מזהה ייחודי.

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

• <label>: תגית שמספקת תווית שניתן ללחוץ עליה עבור תיבת הסימון. המאפיין for של התווית צריך להתאים למאפיין id של תיבת הסימון.

הנה דוגמה ליצירת קבוצה של תיבות סימון:

<form>
	<input type="checkbox" id="option1" name="mygroup" value="option1">
	<label for="option1">Option 1</label><br>
	
	<input type="checkbox" id="option2" name="mygroup" value="option2">
	<label for="option2">Option 2</label><br>
	
	<input type="checkbox" id="option3" name="mygroup" value="option3">
	<label for="option3">Option 3</label><br>
</form>

בדוגמה הזו, יש לנו טופס עם שלוש תיבות סימון, שכולן שייכות לאותה קבוצה כי הן חולקות את אותו מאפיין name ("mygroup"). לכל תיבת סימון יש id ו-value ייחודיים ותווית מתאימה. כאשר המשתמש בוחר אפשרות אחת או יותר ושולח את הטופס, הערכים של תיבות הסימון שנבחרו יישלחו לשרת.