תפריטים נפתחים

ב-HTML, תפריט נפתח הוא רשימה של פריטים שמופיעה כאשר משתמש לוחץ על רכיב או מרחף מעליו. תפריטים נפתחים משמשים בדרך כלל להצגת רשימת אפשרויות באופן קומפקטי. כדי ליצור תפריט נפתח, משתמשים בתג <select> יחד עם תגי <option> עבור הפריטים הבודדים.

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

<select name="dropdown">
	<option value="value1">Option 1</option>
	<option value="value2">Option 2</option>
	<option value="value3">Option 3</option>
</select>

• <select>: התג שמגדיר את התפריט הנפתח.

• name: מאפיין שמעניק לתפריט הנפתח שם, המשמש לזיהוי הערך שנבחר בעת שליחת הטופס.

• <option>: תג שמגדיר פריט ברשימה הנפתחת.

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

• Option text: הטקסט הגלוי שמופיע ברשימה הנפתחת עבור כל אפשרות.

הנה דוגמה ליצירת רשימה נפתחת עם שלוש אפשרויות:

<select name="colors">
	<option value="red">Red</option>
	<option value="green">Green</option>
	<option value="blue">Blue</option>
</select>

בדוגמה הזו, יש לנו תפריט נפתח בשם "colors" ושלוש אפשרויות: אדום, ירוק וכחול.