Paano gumawa ng isang drop-down na listahan sa HTML

Ang pinakasimpleng drop-down na listahan sa HTML ay madaling upang lumikha ng gamit ang tag na piliin ang. Ito tag ng container, mga tag na naka-embed na opsyon sa ito - ito ay sila na itakda ang item sa listahan.

Mayroong ilang mga listahan ng mga pagpipilian, na kung saan ay maaaring gawin sa pamamagitan ng piliin ang mga tag: drop-down na listahan (sa mga opsyon sa mahulog pagkatapos ng pag-click sa main field o mag-hover sa ibabaw nito), at isang listahan ng maramihang pagpipilian - sa loob nito ang gumagamit ay maaaring pumili ng maramihang mga item. Ang una ay mas karaniwan, ang mga ito ng isang mahalagang elemento ng modernong mga site navigation. Ang drop-down na listahan maramihang mga seleksyon ay maaaring gamitin, halimbawa, sa mga direktoryo kung saan mo nais na pumili ng isang ilang mga katangian ng ang mga kalakal.

Baguhin ang hitsura at mga katangian ng mga listahan, maaari mong gamitin unibersal at mga espesyal na katangian.

piliin ang mga katangian ng tag

1. Maramihang - tumutukoy multiple choice.

2. Sukat - tumutukoy sa bilang ng mga nakikitang mga linya sa listahan, na ang taas. At pagkatapos ang lahat ng ito ay depende sa, ang maramihang mga attribute ay naroroon o hindi. Kung gayon, at hindi mo tinukoy ang size bed, at pagkatapos ay sa pagkakaroon ng maraming mga user ay makikita ang lahat ng iyong mga pagpipilian, ngunit kung ang maramihang ay nawawala, ay ipinapakita upang maging lamang ng isang linya, at ang iba pang mga user ay maaaring makapag upang basahin, kapag upang i-click ang icon ng elevator sa kanang bahagi. Kung ang taas ng ang laki tinukoy, at ito ay mas mababa kaysa sa bilang ng mga opsyon sa kanang scroll lilitaw bar.

3. Pangalan - pangalan. Ang drop-down na listahan ay maaaring gawin nang walang ito, ngunit maaaring ito ay kinakailangan upang makipag-ugnay sa programa-handler sa server. Bilang isang panuntunan, ang pangalan pa rin ang nakalagay.

Pumili ng tag Wala pang mga kinakailangang mga katangian na taliwas sa opsyon na tag.

Katangian naka-attach tag option

1. Napiling - na dinisenyo upang i-highlight ang isang item sa listahan. Ang gumagamit ay maaaring magtalaga ng higit sa isang item, kung nagtakda ka ng maramihang mga katangian (makita. Sa itaas).
2. Halaga - halaga. Ang attribute na ito ay kinakailangan. Ang web server ay nangangailangan upang maunawaan kung ano mismo ang mga item sa listahan ang gumagamit ay pinili.
3. Label. Sa pinakadulo mahabang listahan ng mga elemento ay maaaring mabawasan ang paggamit ng attribute. Halimbawa, ang screen ay ipapakita "Milan", sa halip na ang opsyon na tag "Milan - ang administratibong sentro ng Lombardy. Northern Italya. " Ang attribute na ito ay ginagamit din sa grupong ng mga item sa listahan.

Tulad ng para sa lapad ng listahan, ito ang mga default upang ang haba ng ang pinakamalawak na text sa listahan. Of course, ang lapad ay maaaring mabago sa pamamagitan ng paggamit ng HTML estilo.

Ang drop-down na listahan sa ibang mga paraan

Ito ay maaaring tapos na sa CSS, halimbawa, ang listahan ay lilitaw kapag hover ka sa isang pahina ng item. Mahusay pagkakataon para sa paglikha ng mga listahan ay nagbibigay sa JavaScript, na pinapasimple ang gawain Jquery library. Ang drop-down na listahan ng na konektado sa library na ito, ay maaaring maging napaka-kumplikado, tulad ng isang kaskad. Iyon ay, kapag pinili mo ang isang item sa isang listahan ay lilitaw ang mga sumusunod na listahan, halimbawa, mayroong "Mga kasuotan ng babae" menu (kapag hover ka drop ng mga uri ng mga damit), pagkatapos ay kapag ang isa sa mga species, halimbawa, "Tops" drop-down na listahan na may mga elemento: mga jacket, parke, coats, coats at iba pa. n.

Inilista namin ang pangunahing mababaw na paraan kung saan maaari kang lumikha ng isang drop-down na listahan. Siyempre, may mga maraming mga nuances sa HTML, sa CSS at sa JavaScript, na nagbibigay-daan sa iyo upang baguhin ang pag-andar at hitsura ng mga listahan view.