כפתורי בחירה

ב-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 ייחודיים, ותווית תואמת. כשהמשתמש בוחר באחת מהאפשרויות האלה ושולח את הטופס, הערך של לחצן הבחירה שנבחר יישלח לשרת.