כפתורי בחירה

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

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

<input type="radio" id="option1" name="radiogroup" value="option1">
<label for="option1">Option 1</label>

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

• name: מאפיין שמקבץ לחצני בחירה יחד. כל לחצני הבחירה בעלי אותו שם שייכים לאותה קבוצה, ובכל פעם אפשר לבחור רק אפשרות אחת בקבוצה.

• value: מאפיין שמציין את הערך המשויך ללחצן הבחירה. ערך זה נשלח לשרת כשהטופס נשלח.

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

הנה דוגמה לאופן יצירת קבוצה של כפתורי בחירה:

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

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