كيفية إنشاء قائمة منسدلة في هتمل

من السهل إنشاء أبسط قائمة منسدلة في هتمل باستخدام علامة التحديد. هذه علامة حاوية، يتم تضمين علامات الخيار فيها - فهي تحدد عناصر القائمة.

هناك العديد من المتغيرات من القوائم التي يمكن إجراؤها باستخدام علامة التحديد: قائمة منسدلة (تنقطع المتغيرات بعد النقر على الحقل الرئيسي أو الإشارة إليها باستخدام المؤشر) وقائمة الاختيار من متعدد - حيث يمكن للمستخدم تحديد عدة عناصر. الأول هو أكثر شيوعا، فهي عنصر مهم من الملاحة في المواقع الحديثة. يمكن تطبيق قائمة منسدلة من الخيارات المتعددة، على سبيل المثال، في الدلائل التي تحتاج إلى تحديد العديد من خصائص المنتج.

يمكنك تغيير مظهر وخصائص القوائم باستخدام السمات العامة والخاصة.

سمات العلامة المحددة

1. متعددة - يحدد الاختيار من متعدد.

2. سيز - يحدد عدد الخطوط المرئية في القائمة، أي الارتفاع. ثم كل شيء يعتمد على ما إذا كانت السمة متعددة أم لا. إذا كانت الإجابة بنعم، ولم تحدد حجم، ثم إذا كان هناك متعددة، سوف يرى المستخدم كل الخيارات الممكنة، ولكن إذا كان هناك عدة غائبة، سيتم عرض سطر واحد فقط، والباقي من الزائر سوف تكون قادرة على قراءة عندما يضغط على رمز المصعد على الجانب الأيمن. إذا تم تحديد ارتفاع الحجم وأنه أقل من عدد الخيارات، سيظهر شريط التمرير على اليمين.

3. الاسم هو الاسم. يمكن أن تفعل قائمة منسدلة بدون ذلك، ولكن قد يكون من الضروري التفاعل مع معالج على الخادم. وكقاعدة عامة، لا يزال الاسم يشير.

لا تحتوي العلامة المحددة على سمات إلزامية، على عكس علامة الخيار.

سمات علامة الخيار المتداخلة

1. مختارة - مصممة لتسليط الضوء على عنصر القائمة. يمكن للمستخدم تحديد أكثر من عنصر واحد إذا تم تحديد السمة متعددة (انظر أعلاه).
2. القيمة هي القيمة. هذه السمة مطلوبة. يجب أن يفهم خادم الويب العناصر التي اختارها المستخدم.
3. التسمية. باستخدام هذه السمة، يمكنك اختصار عناصر القائمة الطويلة جدا. على سبيل المثال، فإن الشاشة عرض "ميلان"، بدلا من "ميلان - المركز الإداري لومباردي" الخيار المحدد في العلامة. شمال إيطاليا ". يتم استخدام هذه السمة أيضا لتجميع العناصر في القائمة.

أما بالنسبة لعرض القائمة، يتم تعيين افتراضيا وفقا لطول النص واسعة في القائمة. وبطبيعة الحال، يمكن تغيير العرض باستخدام أنماط هتمل.

القائمة المنسدلة بطرق أخرى

ويمكن القيام به باستخدام كس، على سبيل المثال، ستظهر القائمة عند تحريك المؤشر على عنصر صفحة. يتم توفير فرص ممتازة لإنشاء القوائم من قبل جافا سكريبت، الذي يتم تبسيط العمل من قبل مكتبة جكري. يمكن أن تكون القائمة المنسدلة الموصولة باستخدام هذه المكتبة معقدة جدا، على سبيل المثال، متتالية. أي عند تحديد عنصر في قائمة واحدة، تظهر القائمة التالية، على سبيل المثال، هناك عنصر قائمة "ملابس نسائية" (عندما تحوم، وأنواع الملابس تسقط )، ثم عند اختيار واحد من الأنواع، على سبيل المثال، "ملابس خارجية"، وقائمة مع العناصر: الحدائق، والمعاطف، والمعاطف القصيرة، ومعاطف الفرو، وما إلى ذلك.

لقد سردنا بشكل سطحي الطرق الرئيسية التي يمكنك من خلالها إنشاء قائمة منسدلة. بطبيعة الحال، هناك الكثير من الفروق الدقيقة في هتمل، في كس وجافا سكريبت، والتي تسمح لك لتغيير وظائف ومظهر القوائم.