כיצד להכין רשימה נפתחת ב- HTML

הרשימה הנפתחת הפשוטה ב- HTML קל ליצור באמצעות התגית select. תג מיכל זה, תגי מוטבע אפשרות בה - הם אלה להגדיר את הפריטים ברשימה.

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

לשנות את המראה ואת המאפיינים של רשימות, אתה יכול להשתמש בתכונות אוניברסליות מיוחדות.

תכונות התגית select

1. מרובים - מציינים אמריקאים.

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

3. שם - שם. הרשימה הנפתחת יכולה להיעשות בלי זה, אבל זה עשוי להיות נחוץ כדי אינטראקציה עם המטפל-התכנית בשרת. ככלל, השם הוא עדיין מצוין.

אין תג בחר מאפיינים הנדרשים בניגוד תג האופציה.

תכונות אפשרות תג מצורפת

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

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

הרשימה הנפתחת בדרכים אחרות

זה יכול להיעשות עם CSS, למשל, הרשימה תופיע בעת ריחוף מעל ידיעה בעמוד. הזדמנויות מצוינות יצירת רשימות נותן JavaScript, אשר מפשט את ספריית העבודה jQuery. הרשימה הנפתחת שמחוברת עם ספרייה זו, יכולה להיות מאוד מורכבת, כגון מפל. כלומר, כאשר אתה בוחר פריט ברשימה יופיע ברשימה הבאה, למשל, יש "בגדי הנשים" תפריט (כאשר תרחפו טיפת מיני בגדים), אז כאשר אחד המינים, למשל, "צמרות" ברשימה נפתחת עם האלמנטים: ז'קטים, פארקים, מעילים, מעילים וכן הלאה. n.

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