אפשרויות ניתנות למשתמש כאשר קיימים מספר ערכים של אלמנט בודד, משם המשתמשים יכולים לבחור אפשרות בהתאם להעדפותיהם. הוא קיים בצורות שונות, כגון תיבת סימון, תפריט נפתח וכפתור בחירה. ליתר דיוק, התפריט הנפתח מספק רשימות מוגדרות מראש של אפשרויות המאפשרות למשתמש לבחור אחת.
מדריך זה יסביר את ההליך לשינוי הצבע של האפשרות שנבחרה. לשם כך, ראשית, ניצור תפריט נפתח ונעצב אותו באמצעות CSS ולאחר מכן נשנה את צבע האופציה שנבחר.
בואו נתחיל!
כיצד ליצור תפריט נפתח באמצעות HTML ו-CSS?
ב-HTML, אתה יכול ליצור תפריט נפתח באמצעות ' <תווית> ', ' <בחר> ' ו' <אופציה> 'תגים. כדי להבין בצורה ברורה יותר, הבה נעבור לתחביר של התפריט הנפתח.
תחביר
להלן התחביר של התפריט הנפתח:
< תווית > טֶקסט תווית > < בחר > < אוֹפְּצִיָה ערך = '' > אופציה 1 אוֹפְּצִיָה > < אוֹפְּצִיָה ערך = '' > אפשרות 2 אוֹפְּצִיָה >
... < אוֹפְּצִיָה ערך = '' > אפשרותN אוֹפְּצִיָה > בחר >
בואו נסביר את תגי ה-HTML המשמשים בתחביר לעיל:
<תווית>: הוא משמש לציון האפשרות המקוצרת <תווית> בצורת טקסט.
<בחר>: אלמנט זה מאפשר למשתמש לבחור פריט מרשימה.
<אופציה>: הוא משמש כדי לספק אפשרויות עבור התפריט הנפתח.
כאן אנו מציגים דוגמה מעשית כדי להסביר את התחביר לעיל.
שלב 1: צור תפריט נפתח
ראשית, ניצור
ונוסיף כותרת באמצעות התג
. כדי להוסיף תפריט נפתח בתוכו, נשתמש בתג תווית ונוסיף ' בחר ארץ 'כתווית. לאחר מכן, נשתמש בתג