Com fer una llista desplegable en l'HTML

La llista desplegable simple de l'HTML és fàcil de crear usant l'etiqueta de selecció. Aquest avís de contenidors, etiquetes opció incrustat en ella - són ells els que estableix els elements de la llista.

Hi ha diverses llistes d'opcions, que es poden fer per selecció de l'etiqueta: llista desplegable (les opcions es divideixen després de fer clic al camp principal o passa sobre ella), i una llista de selecció múltiple - en la qual l'usuari pot seleccionar diversos elements. La primera és la més comuna, són un element important dels llocs de navegació moderna. La llista desplegable de selecció múltiple es poden utilitzar, per exemple, en els directoris en els que voleu seleccionar algunes característiques dels mateixos.

Canviar l'aspecte i les propietats de les llistes, pot utilitzar atributs universals i especials.

seleccioneu atributs d'etiqueta

1. Múltiple - especifica opció múltiple.

2. Mida - especifica el nombre de línies visibles a la llista, que és l'altura. I llavors tot depèn, atribut múltiple està present o no. Si és així, i vostè no especifica llit, a continuació, en la presència de múltiples usuaris veuran totes les seves opcions, però si múltiple no és present, es demostra que és només una línia, i l'altre usuari podrà llegir, quan fer clic a la icona de l'ascensor al costat dret. Si l'alçada de la mida especificat, i és menor que el nombre d'opcions en el desplaçament a la dreta apareix la barra.

3. Nom - nom. La llista desplegable es pot fer sense, però pot ser necessari per interactuar amb el programa dels controladors al servidor. Com a regla general, el nom encara es va indicar.

Seleccionar etiqueta té cap atribut necessari en contraposició a l'etiqueta d'opció.

Atributs opció etiqueta enganxada

1. Seleccionat - dissenyat per ressaltar un element de la llista. L'usuari pot assignar més d'un article, si s'estableix l'atribut múltiple (veure. A dalt).
2. Valor - valor. Aquest atribut és necessari. El servidor web ha d'entendre exactament quins elements de la llista que l'usuari ha seleccionat.
3. Etiqueta. A la llarga llista d'elements es pot reduir l'ús d'aquest atribut. Per exemple, la pantalla mostrarà "Milà", en lloc de l'etiqueta d'opció "Milà - el centre administratiu de la Llombardia. Nord d'Itàlia ". Aquest atribut també s'utilitza per agrupar els elements de la llista.

Pel que fa a l'amplada de la llista, el valor predeterminat és la longitud del text més ampla a la llista. Per descomptat, l'amplada es pot canviar mitjançant l'ús d'estils HTML.

La llista desplegable d'altres maneres

Es pot fer amb CSS, per exemple, apareixerà la llista quan es passa sobre un element de pàgina. Excel·lents oportunitats per a la creació de llistes dóna JavaScript, el que simplifica la llibreria jQuery treball. La llista desplegable que està connectat amb aquesta biblioteca, pot ser molt complexa, com una cascada. És a dir, quan es selecciona un element d'una llista apareixerà la llista següent, per exemple, hi ha un menú "Roba de Dona" (quan es passa de caiguda tipus de roba), a continuació, quan una de les espècies, per exemple, "Tops" llista desplegable amb els elements: jaquetes, parcs, abrics, abrics i així successivament. n.

Hem enumerat les principals formes superficials en les que pot crear una llista desplegable. Per descomptat, hi ha molts matisos en el codi HTML, en el CSS i JavaScript en que li permeten canviar la funcionalitat i l'aspecte de punts de vista llistes.