Kaip sukurti horizontalų išskleidžiamąjį meniu HTML

HTML, išskleidžiamieji meniu yra formų funkcija. Jie suteikia formą pildančiam asmeniui kelis iš anksto nustatytus variantus, neatsižvelgdami į daug vietos. Išskleidžiamojo meniu HTML yra paprastas ir turi būti įtrauktas tarp atidarymo ir uždarymo žyma, kad galėtumėte dirbti formoje. Jūs galite toliau stiliaus savo išskleidžiamajame meniu su CSS, kad jis atrodytų vienodesnis ir pritaikytas jūsų puslapio dizainui.

1.

Parašykite savo išskleidžiamojo meniu atidarymo žymę, kuri yra. Pasirinkus meniu pavadinimą, formų tvarkytojas gali atitinkamai identifikuoti ir pažymėti produkciją. Tačiau tai priklausys nuo to, kaip nustatėte savo svetainę, kad tvarkytumėte formas.

2.

Pridėkite parinktis, kurias norite pasirinkti išskleidžiamajame meniu su parinkties žyma. Tai gali atrodyti taip:

Alice Bob

Jūs galite turėti tiek, kiek norite, nors per daug parinkčių gali būti nepraktiška išskleidžiamajame meniu - ypač jei rizikuojate viršyti lango aukštį. Jei turite daugiau nei dešimtis išskleidžiamųjų parinkčių, galite apsvarstyti galimybę naudoti parinktis naudodami radijo mygtukus ir stulpelius.

3.

Uždarykite žymą, kai baigsite žymes, pvz.,

Alice Bob Charlie Dane Edward Frances

4.

Jei norite pradėti su konkrečia pasirinkta parinktimi, pasirinktinai galite pridėti „pasirinktą“ „pasirinktą“, pvz.,

Alice Bob Charlie Dane Edward Frances

Jei nenaudosite šios žymos, išskleidžiamajame sąraše bus naudojama pirmoji parinktis kaip numatytoji pasirinkta parinktis.

5.

Keiskite numatytąjį išskleidžiamojo meniu stilių, nurodydami savo stiliaus lape pasirinktą žymą, pvz .:

pasirinkite {font-size: 14px; fonas: # 8CCCC8; spalva: #FFFFFF; siena: 1px kietas # 000000; plotis: 75px; }

Taip pat galite tai padaryti, jei norite pakeisti parinkčių išvaizdą. Pvz., Galite pasirinkti, kad pasirinkta parinktis turi baltą tekstą, o kitos parinktys būtų juodos spalvos, kai naudotojas spustelės rodyklę ir jas peržiūrės.

Patarimai

• Jei norite pasirinkti klasę ar ID, kad pasirinktumėte, kad CSS stilius paveiktų tik vieną išskleidžiamąjį meniu, pakeisite žymę į.
• Pridėję „“, pirmąjį variantą galite įtraukti į nulinę parinktį.