Најједноставнију падајућу листу у ХТМЛ-у лако је направити помоћу ознаке селецт. Ово је ознака контејнера, у њу су угнежђене ознаке опција - оне дефинишу ставке листе.
Постоји неколико опција за листе које можетенаправите помоћу ознаке за одабир: падајућа листа (опције падају након клика на главно поље или преласка мишем преко њега) и листе са вишеструким избором - у њој корисник може да изабере неколико ставки. Први су чешћи, значајан су елемент навигације модерних локација. Падајућа листа са вишеструким избором може се користити, на пример, у каталозима где треба да изаберете неколико карактеристика производа.
Изглед и својства листа можете променити помоћу генеричких и прилагођених атрибута.
Изаберите атрибуте ознака
1. Вишеструко - поставља вишеструки избор.
2Величина - поставља број видљивих линија на листи, односно висину. А овде све зависи од тога да ли је вишеструки атрибут присутан или не. Ако је одговор да, а ви не наведете величину, у присуству више њих, корисник ће видети све могуће изборе, ако вишеструко одсуствује, тада ће бити приказан само један ред, а остатак посетиоца ће моћи да прочита када кликне на икону лифта на десној страни. Ако је наведена висина и мања је од броја опција, тада ће се трака за помицање појавити с десне стране.
3. Име - име. Са падајуће листе се може ослободити, али можда ће бити потребно комуницирати са управљачем на серверу. По правилу је име и даље назначено.
Ознака селецт нема потребне атрибуте, за разлику од ознаке опције.
Опција угнежђених атрибута ознака
- Изабрано - дизајнирано за одабир ставке листе. Корисник ће моћи да одабере више ставки ако је постављен вишеструки атрибут (погледајте горе).
- Вредност - вредност. Овај атрибут је обавезан. Веб сервер мора тачно да разуме које је ставке листе корисник изабрао.
- Ознака.Овај атрибут се може користити за скраћивање предугих ставки на листи. На пример, приказаће се „Милан“ уместо опције „Милан је административни центар Ломбардије“ која је наведена у ознаци. Северна Италија “. Овај атрибут се такође користи за груписање ставки на листи.
Што се тиче ширине листе, она је подразумевано подешена на дужину најширег текста на листи. Ширина се наравно може променити помоћу ХТМЛ стилова.
Падајућа листа на друге начине
То се може урадити са ЦСС-ом, на примерлиста ће се појавити када задржите показивач изнад елемента странице. ЈаваСцрипт пружа изврсне могућности за креирање листа, што је поједностављено библиотеком Јкуери. Падајући списак повезан са овом библиотеком може бити веома сложен, на пример, каскадно. Односно, када одаберете ставку са једне листе, појавиће се следећа листа, на пример, постоји ставка у менију „Женска одећа“ (када лебдите, врсте одеће испадају), а затим када изаберете један од типова, на пример, „Одећа“, списак са елементима: јакне, паркови, капути, кратки капути, крзнени капути итд.
Површно смо навели главне методе запомоћу које можете направити падајућу листу. Наравно, у ХТМЛ-у, ЦСС-у и ЈаваСцрипт-у постоје тоне нијанси које вам омогућавају да промените функционалност и изглед листа.
