Unsa nga paagi sa paghimo sa usa ka tinulo-sa listahan sa HTML

Ang simplest drop-sa listahan sa HTML mao ang sayon sa paghimo sa paggamit sa tag pinili. Kini nga sudlanan tag, tags nasukip kapilian sa niini - kini mao sila kinsa ang mga butang sa listahan.

Adunay pipila ka mga listahan kapilian, nga mahimo nga gihimo sa pinili nga mga tag: drop-sa listahan (ang mga kapilian mahulog human sa pagklik sa mga nag-unang uma o hover sa ibabaw niini), ug sa usa ka listahan sa mga daghang pagpili - sa niini user sa pagpili sa daghang mga butang. Ang una mao ang mas komon, sila sa usa ka importante nga elemento sa modernong mga dapit tabok-tabok. Ang tinulo-sa listahan sa daghang mga pinili mahimong gamiton, alang sa panig-ingnan, sa direktoryo diin kamo gusto sa pagpili sa usa ka pipila ka mga kinaiya sa mga butang.

-Usab sa dagway, ug kabtangan sa mga listahan, kamo makahimo sa paggamit sa universal ug espesyal nga mga hiyas.

pinili nga mga hiyas tag

1. Daghang - nagtino daghang pagpili.

2. Size - nagtino sa gidaghanon sa makita nga mga linya sa listahan, nga mao ang gitas-on. Ug unya ang tanan nga kini nag-agad sa, daghang kinaiya mao ang karon o dili. Kon mao, ug nga kamo dili hingalan gidak-on higdaanan, unya sa atubangan sa daghang mga user makakita sa tanan sa imong mga kapilian, apan kon multiple ang missing, gipakita nga usa lamang ka linya, ug ang uban nga mga user makahimo sa pagbasa, sa diha nga sa i-klik ang icon sa elevator sa too nga kiliran. Kon ang gitas-on sa gidak-on espesipikong, ug kini mao ang dili kaayo kay sa gidaghanon sa mga mga kapilian sa tuo nga linukot nga basahon makita bar.

3. Ngalan - ngalan. Ang tinulo-sa listahan mahimo kon wala kini, apan mahimo nga kini nga gikinahanglan aron sa makig-uban sa mga programa-handler sa server. Ingon sa usa ka pagmando sa, ang ngalan sa gihapon gipakita.

Pagpili tag walay gikinahanglan nga mga hiyas sama sa supak sa kapilian tag.

Hiyas gilakip tag kapilian

1. Pinili nga - gidisenyo sa pag-highlight sa usa ka butang nga listahan. Ang user mahimo mogahin labaw pa kay sa usa ka butang, kon ikaw sa daghang mga hiyas (tan-awa sa. Labaw sa).
2. Value - bili. hiyas Kini ang gikinahanglan. Ang web server kinahanglan nga makasabut kon unsa ang listahan butang ang user nga pinili nga.
3. Label. Sa hataas nga listahan sa mga elemento mahimong pagkunhod sa paggamit niini nga hiyas. Kay sa panig-ingnan, sa screen nga ipakita "Milan", sa baylo nga sa sa mga kapilian tag "Milan - ang administratibong sentro sa Lombardy. Northern Italya. " hiyas Kini gigamit usab sa grupo sa mga butang diha sa listahan.

Sama sa alang sa gilapdon sa listahan, kini defaults sa gitas-on sa labing lapad nga teksto sa listahan. Siyempre, ang gilapdon mausab pinaagi sa paggamit sa HTML estilo.

Ang tinulo-sa listahan sa ubang mga paagi

kini mahimo sa CSS, alang sa panig-ingnan, sa listahan makita sa diha nga hover kamo sa usa ka panid nga butang. Maayo Kaayo nga oportunidad alang sa pagmugna sa mga listahan naghatag JavaScript, nga mopayano sa buhat Jquery librarya. Ang tinulo-sa listahan nga konektado sa librarya niini, mahimong komplikado kaayo, sama sa usa ka pagbusay. Kana mao, sa diha nga pagpili kaninyo sa usa ka butang sa usa ka listahan makita sa mosunod nga listahan, alang sa panig-ingnan, adunay "bisti Women" menu (sa diha nga hover kamo tinulo matang sa mga bisti), unya sa diha nga usa sa mga sakop sa henero, alang sa panig-ingnan, "tumoy" drop-sa listahan sa mga elemento: jacket, parke, mga sinina, mga sinina ug sa ingon sa. n.

Kami gilista ang nag-unang taphaw nga mga paagi nga sa diin kamo makahimo sa paghimo sa usa ka tinulo-sa listahan. Siyempre, adunay daghan nga mga nuances sa sa HTML, sa CSS ug sa JavaScript, nga motugot kaninyo sa pag-usab sa kagamitan, katuyoan ug sa dagway sa mga listahan views.