چگونه به یک لیست کشویی در HTML

ساده ترین لیست کشویی در HTML آسان برای ایجاد و با استفاده از برچسب را انتخاب کنید است. این تگ ظرف، برچسب ها گزینه های جاسازی شده در آن - آنها آن است که مجموعه ای از آیتم های لیست.

ما لیست گزینه ها، که می تواند با انتخاب تگ انجام شود وجود دارد: لیست کشویی (گزینه های بعد از کلیک کردن بر روی زمینه اصلی قرار می گیرند و یا موشواره را روی آن)، و یک لیست از چند گزینه ای - در آن کاربر می تواند آیتم های متعدد را انتخاب کنید. اولین شایع تر است، آنها یک عنصر مهم از سایت های ناوبری مدرن هستند. لیست کشویی انتخاب چندگانه استفاده می شود، برای مثال، در دایرکتوری که در آن شما می خواهید به انتخاب چند ویژگی از کالا.

تغییر ظاهر و خواص لیست، شما می توانید ویژگی های جهانی و خاص استفاده کنید.

ویژگی برچسب را انتخاب کنید

1. چند - چند گزینه مشخص می کند.

2. حجم - تعیین تعداد خطوط قابل مشاهده در لیست، که ارتفاع است. و سپس آن را همه بستگی به چند ویژگی حاضر است یا نه. اگر چنین است، و شما نمی بستر اندازه مشخص نیست، پس از آن در حضور چند کاربر همه گزینه های خود را ببینید، اما اگر چند دست رفته است، نشان داده شده است به تنها یک خط، و کاربر دیگر قادر به خواندن، زمانی که به کلیک بر روی آیکون از آسانسور در سمت راست خواهد بود. اگر ارتفاع اندازه مشخص شده، و آن را کمتر از تعدادی از گزینه های در پیمایش راست نوار نظر می رسد.

3. نام - نام. لیست کشویی را می توان بدون آن انجام می شود، اما ممکن است لازم به تعامل با برنامه نویسی، کنترل بر روی سرور است. به عنوان یک قاعده، نام هنوز نشان داد.

انتخاب برچسب است ویژگی های مورد نیاز به تگ گزینه مخالف است.

صفات گزینه برچسب متصل

1. انتخاب - طراحی شده برای نشان دادن یک آیتم از لیست. کاربر می تواند بیش از یک آیتم اختصاص، اگر شما چند شاخصه (نگاه کنید به. بالا).
2. ارزش - ارزش. این ویژگی نیاز است. وب سرور نیاز به درک دقیقا همان چیزی اقلام لیست کاربر انتخاب کرده است.
3. برچسب. در لیست بسیار طولانی از عناصر را می توان با استفاده از این ویژگی کاهش می یابد. مرکز اداری لمباردی - به عنوان مثال، صفحه نمایش "میلان"، به جای تگ گزینه "میلان نمایش داده خواهد شد. شمال ایتالیا. " این صفت نیز به گروه با استفاده از آیتم های موجود در لیست.

همانطور که برای عرض لیست، آن را به طور پیش فرض به طول وسیع ترین متن را در لیست. البته، عرض را می توان با استفاده از سبک های HTML را تغییر داد.

لیست کشویی در راه های دیگر

می توان آن را با CSS انجام می شود، برای مثال، لیست ظاهر خواهد شد که شما بیش از یک مورد صفحه شناور. فرصت های عالی برای ایجاد لیست می دهد جاوا اسکریپت، که ساده کار کتابخانه جی کوئری. لیست کشویی است که با این کتابخانه متصل است، می تواند بسیار پیچیده، مانند یک آبشار. است که، زمانی که شما یک آیتم را انتخاب کنید در یک لیست از لیست زیر ظاهر خواهد شد، به عنوان مثال، "لباس زنانه" منو وجود دارد (زمانی که شما شناور قطره انواع لباس)، پس از آن زمانی که یکی از گونه ها، به عنوان مثال، "تاپ" لیست کشویی با عناصر: لباس محلی، پارک ها، کت، کت و غیره. N.

ما راه های اصلی سطحی که در آن شما می توانید یک لیست کشویی ایجاد ذکر شده است. البته، بسیاری از تفاوت های ظریف در آن وجود دارد از HTML، CSS در و در جاوا اسکریپت، که اجازه می دهد شما را به تغییر عملکرد و ظاهر نمایش لیست.