Най-простият падащ списък в HTML е лесен за създаване, като използвате избрания маркер. Това е маркер за контейнери, маркерите за опции са вградени в него - те уточняват елементите в списъка.
Има няколко опции за списъци, които можетеизползвайте избрания маркер: падащ списък (опциите се отпадат, след като кликнете върху основното поле или посочите курсора в него) и списък с няколко избора - в него потребителят може да избере няколко елемента. Първите са по-чести, те са важен елемент от навигацията на съвременните обекти. Падащ списък с множество селекции може да се приложи например в директории, където трябва да бъдат избрани няколко характеристики на продукта.
Можете да промените външния вид и свойствата на списъците, като използвате универсални и специални атрибути.
Атрибутите на избрания маркер
1. Multiple - задава множествения избор.
2.Размер - определя броя на видимите линии в списъка, т.е. височината. И тогава всичко зависи от това дали атрибутът е многократно или не. Ако е така, и не посочите размер легло, а след това в присъствието на множество потребител ще видите всички опции за, но ако множествена липсва, е доказано, че е само един ред, а другият потребителят ще може да чете, когато, за да кликнете върху иконата на асансьора от дясната страна. Ако е зададена височината на размера и тя е по-малка от броя на опциите, вдясно ще се появи лента за превъртане.
3. Името е името. Падащият списък може да се извърши без него, но може да е необходимо да се общуват с манипулатор на сървъра. По правило името още показва.
Избиращият маркер няма задължителни атрибути, за разлика от маркера за опции.
Атрибути на маркера на вложената опция
- Избрано - е за маркиране на елемент от списъка. Потребителят може да избере повече от един елемент, ако е посочен множественият атрибут (вижте по-горе).
- Стойност - стойност. Този атрибут е задължителен. Уеб сървърът трябва да разбере точно кои елементи от списъка е избран от потребителя.
- етикетИзползвайки този атрибут, можете да съкратите твърде дълги елементи от списъка. Например „Милано“ ще се покаже на екрана, вместо посочения в тага за опции, „Милано е административен център на Ломбардия. Северна Италия “. Този атрибут се използва и за групиране на елементи в списък.
Що се отнася до ширината на списъка, той е зададен по подразбиране според дължината на най-широкия текст в списъка. Разбира се, ширината може да бъде променена с помощта на HTML стилове.
Изпадащ списък по други начини
Може да се направи с помощта на CSS, например,списъкът ще се появи, когато задържите курсора на мишката върху елемент на страницата. Javascript предоставя чудесен начин за създаване на списъци, а библиотеката Jquery го прави лесно. Падащият списък, свързан с помощта на тази библиотека, може да бъде много сложен, например каскаден. Тоест, когато изберете артикул от същия списък, се появява следният списък, например има пункт от менюто „Дамски дрехи“ (видовете дрехи изпадат, когато задържите), след това, когато изберете един от видовете, например „Горно облекло“, се появява списък с елементите: якета, паркове, палта, къси палта, кожени палта и др.
Изброихме повърхностно основните методи запомощ, която можете да създадете падащ списък. Разбира се, има много нюанси в HTML, в CSS и в JavaScript, които ви позволяват да променяте функционалността и външния вид на списъците.
