Ki jan yo fè yon lis drop-desann nan HTML a

Lis la drop-desann senp nan HTML a se fasil yo kreye lè l sèvi avèk tag nan chwazi. tag veso sa a, Tags entegre opsyon nan li - li se yo ki mete lis atik yo.

Gen plizyè chwa lis, ki ka fè pa chwazi mo klé: lis gout-desann (opsyon ki disponib nan tonbe apre klike sou jaden an prensipal la oswa hover sou li), ak yon lis miltip chwa - nan li itilizatè a kapab chwazi atik miltip. Premye a se pi komen yo, yo se yon eleman enpòtan nan sit navigasyon modèn. gout-desann lis seleksyon yo miltip ka itilize, pou egzanp, nan repèrtwar yo ki kote ou vle chwazi yon Karakteristik kèk nan byen yo.

Chanje aparans nan ak pwopriyete nan lis, ou ka itilize atribi inivèsèl ak espesyal.

atribi tag chwazi

1. miltip - presize miltip chwa.

2. Gwosè - presize ki kantite liy vizib nan lis la, se sa ki wotè a. Lè sa a, li tout depann sou, plizyè atribi se prezan oswa ou pa. Si se konsa, epi ou pa presize kabann gwosè, Lè sa a, nan prezans plizyè itilizatè pral wè tout opsyon ou, men si miltip ki manke, yo montre yo dwe sèlman yon sèl liy, ak itilizatè a lòt yo pral kapab li, lè yo klike sou icon nan nan asansè a sou bò dwat la. Si wotè a nan gwosè ki endike yo, epi li se mwens pase kantite opsyon sou woulo liv la dwa ba parèt.

3. Non - Non. ka lis la drop-desann dwe fè san yo pa li, men li kapab nesesè yo kominike avèk pwogram-kap okipe-a sou sèvè a. Kòm yon règ, se non an toujou endike yo.

Chwazi tag pa gen okenn atribi obligatwa kòm opoze a tag nan opsyon.

Atribi tache opsyon tag

1. Chwazi - fèt yo mete aksan sou yon atik lis. Itilizatè a kapab asiyen plis pase yon atik, si ou mete miltip atribi (wè. Pi wo pase).
2. Valè - valè. Sa a se atribi yo mande yo. sèvè wèb la bezwen konprann ekzakteman ki sa lis atik te itilizatè a chwazi.
3. Mete etikèt sou. Sou lis la trè long nan eleman ka redwi lè l sèvi avèk atribi sa a. Pou egzanp, ekran an ap montre "Milan", olye pou yo tag nan opsyon "Milan - sant lan administratif nan Lombard. Northern peyi Itali. " se atribi sa a tou itilize nan gwoup atik yo nan lis la.

Kòm pou lajè a nan lis la, li défaut nan longè a nan tèks la larj nan lis la. Natirèlman, ka lajè a ap chanje lè l sèvi avèk Styles HTML.

Lis la drop-desann nan lòt fason

Li ka fè ak CSS, pou egzanp, lis la ap parèt lè ou hover sou yon atik paj. opòtinite ekselan pou kreye lis bay JavaScript, ki senplifye travay Jquery bibliyotèk la. Lis la drop-desann sa ki konekte ak bibliyotèk sa a, yo ka trè konplèks, tankou yon kaskad. Sa se, lè ou chwazi yon atik nan yon lis ap parèt lis ki anba la a, pou egzanp, gen a se "rad Fanm" meni (lè ou hover gout kalite rad), Lè sa a, lè youn nan espès yo, pou egzanp, "Tops" gout-desann lis ak eleman yo: jakèt, pak, rad, rad ak sou sa. n.

Nou te ki nan lis prensipal fason yo supèrfisyèl nan ki ou ka kreye yon lis gout-desann. Natirèlman, gen anpil nuans nan HTML a, nan CSS la ak nan JavaScript, ki pèmèt ou chanje fonctionnalités a ak aparans nan lis opinyon.