תגי בחירה ו- Option של HTML - רשימת התפריטים
תגי הבחירה והאפשרות פועלים יחד ליצירת רשימת תפריטים נפתחת בטופס דף אינטרנט. אתה עשוי לראות סוג זה של רשימה בכל עת שתספק את שמך וכתובתך. אם אתה גר בארצות הברית, אתה בוחר את המדינה בה אתה גר מתוך רשימה נפתחת של שמות המדינה. רשימה נפתחת זו נוצרת עם התגים שנבחרו ורשימת האפשרויות (אפשרויות) נוצרת עם קבוצה של תגי אפשרויות. תגי הפתיחה והסגירה נדרשים הן לתגי הבחירה והן לתגיות האפשרות.

להלן קוד הדגימה של התפריט הנפתח.


אוהיו
פלורידה
< סוגר זווית שמאל
בחר שם האלמנט
שם תכונה name משמשת להגדרת זיהוי לרשימת התפריטים
> סוגר זווית ישרה
תג סוגר

< סוגר זווית שמאל
אפשרות שם האלמנט
ערך תכונת ערך משמשת להגדרת ערך לאופציה
> סוגר זווית ישרה
תג סוגר

כפי שאתה יכול לראות, קבוצת תגי האפשרויות סגורה בתוך תגי הבחירה לפתיחה וסגירה. אתה יכול לקבל תגי אפשרויות רבים ככל שתרצה והרשימה הנפתחת תגלול לפי הצורך.

תכונות בחר התג

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

תכונת הגודל
תכונת הגודל מציינת את מספר האפשרויות מהרשימה העשויות להיות גלויות בו זמנית. אם הייתי מצרף את כל מדינות ארצות הברית בדוגמה שלמעלה, זו תהיה רשימה ארוכה. לכן, כנראה שהייתי רוצה להגדיר את תכונת הגודל למספר קטן יותר כמו 5 שיאפשר רק לחמישה משמות המדינה להיות גלויים בפעם אחת.

התכונה המרובה
כאשר תכונה זו כלולה בתג הבחירה, ניתן לבחור באפשרות אחת נוספת.

תכונות תג האופציה

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

התכונה שנבחרה
כאשר תכונה זו כלולה בתג אפשרות הפתיחה, אפשרות זו תיבחר מראש כאשר טופס האינטרנט יופיע לראשונה בדף האינטרנט.






הוראות וידאו: JavaScript for Web Apps, by Tomas Reimers and Mike Rizzo (מאי 2024).