Kif tagħmel drop down lista fil-HTML

L-aktar sempliċi lista drop-down fil-HTML huwa faċli biex joħolqu jużaw l-tikketta tagħżel. Dan lametta kontenitur, tikketti inkorporati għażla fiha - huwa huma li jistabbilixxu l-oġġetti lista.

Hemm diversi listi għażliet, li jista 'jsir mill tagħżel l-tikketta: drop down list (-għażliet jaqgħu wara tikklikkja fuq il-qasam prinċipali jew imbagħad jerġgħu jsiru fuq dan), u lista ta' għażla multipla - fiha l-utent jista 'jagħżel punti multipli. L-ewwel hija aktar komuni, li hija element importanti ta 'siti tan-navigazzjoni moderna. L-assortimenti multipli drop-down lista jistgħu jintużaw, per eżempju, fil-direttorji fejn inti tixtieq li tagħżel ftit karatteristiċi ta 'l-oġġetti.

Ibiddlu l-apparenza u l-proprjetajiet ta 'listi, tista' tuża attributi universali u speċjali.

attributi tag tagħżel

1. Multipli - tispeċifika multiple choice.

2. Daqs - jispeċifika n-numru ta 'linji viżibbli fil-lista, li huwa l-għoli. U mbagħad dan kollu jiddependi fuq, attribut multipli huwa preżenti jew le. Jekk iva, u inti ma jispeċifikawx sodda daqs, imbagħad fil-preżenza ta utent multipli se tara l-għażliet kollha tiegħek, imma jekk multiplu tkun nieqsa, jidher li jkun wieħed biss linja, u l-utent l-ieħor se jkun kapaċi li jaqra, meta ikklikkja fuq l-ikona tal-lift fuq il-lemin. Jekk l-għoli tad-daqs speċifikat, u huwa inqas min-numru ta 'għażliet fuq il iscroll dritt bar jidher.

3. L-isem - isem. Il-lista drop-down jista 'jsir mingħajr ma dan, iżda jista' jkun neċessarju li jinteraġixxu mal-programm-persuna li tieħu ħsieb fuq is-server. Bħala regola, għadu indikat l-isem.

tag Agħżel m'għandha l-ebda attributi meħtieġa kif oppost għad-tikketta għażla.

Attributi mehmuża għażla tikketta

1. Magħżula - maħsuba biex jenfasizzaw oġġett lista. L-utent jista 'jalloka aktar minn oġġett wieħed, jekk int tkun qed tissettja attribut multipli (ara. Fuq).
2. Valur - valur. Dan l-attribut huwa meħtieġ. -Web server jeħtieġ li jifhmu eżattament liema oġġetti lista l-utent ikun magħżul.
3. Tikketta. Fuq il-lista twila ħafna ta 'elementi jista' jitnaqqas bl-użu dan l-attribut. Per eżempju, l-iskrin se display "Milan", minflok il-lametta għażla "Milan - iċ-ċentru amministrattiv tal-Lombardija. Italja ta 'Fuq. " Dan l-attribut huwa wkoll użat għall-grupp l-oġġetti fil-lista.

Fir-rigward tal-wisa 'tal-lista, it nuqqasijiet fil-tul tat-test wiesgħa fil-lista. Naturalment, il-wisa jistgħu jiġu mibdula bl-użu stili HTML.

Il-lista drop-down b'modi oħra

Dan jista 'jsir ma' CSS, per eżempju, il-lista se jidhru meta inti imbagħad jerġgħu jsiru fuq oġġett paġna. opportunitajiet eċċellenti għall-ħolqien listi tagħti JavaScript, li jissimplifika x-xogħol Jquery librerija. Il-lista drop-down li huwa konness ma 'din il-librerija, jistgħu jkunu kumplessi ħafna, bħal kaskata. Dan huwa, meta inti tagħżel oġġett fil-lista se jidhru l-lista li ġejja, per eżempju, hemm "ilbies tan-nisa" menu (meta inti imbagħad jerġgħu qatra tip ta 'ħwejjeġ), allura meta wieħed mill-ispeċi, per eżempju, "Tops" drop-down list bl-elementi: ġkieket, parks, kowtijiet, kowtijiet u l-bqija. n.

Aħna elenkati l-modi superfiċjali ewlenin li bihom tista 'toħloq drop-down list. Naturalment, hemm ħafna differenzi żgħar fil HTML, fil-CSS u fil JavaScript, li jippermettu li inti tbiddel il-funzjonalità u d-dehra ta 'listi fehmiet.