Hvordan man laver en drop-down liste i HTML

Den enkleste rullelisten i HTML er nemt at oprette ved hjælp af tag vælge. Denne beholder tag, tags indlejret mulighed i det - det er dem, der sætter de listeelementer.

Der er flere muligheder lister, hvilket kan gøres ved at vælge tag: rullelisten (mulighederne falde efter at have klikket på hovedfeltet eller svæve over det), og en liste over multiple choice - i det brugeren kan vælge flere elementer. Den første er mere almindeligt, at de er et vigtigt element i moderne navigationssystemer sites. De rullelisten flere valg kan bruges, for eksempel i de mapper, hvor du ønsker at vælge et par egenskaber ved varen.

Ændre udseendet og egenskaberne af lister, kan du bruge universelle og specielle egenskaber.

Vælg tag attributter

1. Multiple - angiver multiple choice.

2. Størrelse - angiver antallet af synlige linjer i listen, som er højden. Og så er det hele afhænger af, flere attribut er til stede eller ej. Hvis det er tilfældet, og du ikke angiver size seng, derefter ved tilstedeværelse af flere bruger vil se alle dine muligheder, men hvis der mangler flere, viser sig at være kun én linje, og den anden bruger vil være i stand til at læse, når at klikke på ikonet af elevatoren på højre side. Hvis højden af den angivne størrelse, og det er mindre end antallet af optioner på det højre rullepanel vises.

3. Navn - navnet. Den rullelisten kan gøres uden det, men det kan være nødvendigt at interagere med programmet-handleren på serveren. Som regel er det navn, der stadig er angivet.

Vælg tag har ingen påkrævede attributter i modsætning til indstillingen tag.

Attributter knyttet tag option

1. Valgte - designet til at fremhæve et element på listen. Brugeren kan allokere mere end et element, hvis du indstiller flere attribut (se. Ovenfor).
2. Value - værdi. Denne attribut er påkrævet. Webserveren har brug for at forstå præcis, hvad listeelementer brugeren har valgt.
3. Label. På den meget lange liste over elementer kan reduceres ved hjælp af denne attribut. For eksempel, vil skærmen vise "Milano", i stedet for den mulighed, tag "Milano - det administrative center for Lombardiet. Norditalien. " Denne attribut bruges også til at gruppere elementer på listen.

Med hensyn til bredden af listen, er det som standard til længden af den bredeste tekst på listen. Selvfølgelig kan bredden ændres ved hjælp af HTML stilarter.

Den rullelisten på andre måder

Det kan gøres med CSS, for eksempel, vil listen vises, når du holder markøren over en side element. Gode muligheder for at oprette lister giver JavaScript, hvilket forenkler arbejdet Jquery biblioteket. Den rulleliste, der er forbundet med dette bibliotek, kan være meget komplekse, såsom en kaskade. Det vil sige, når du vælger et element på en liste vises følgende liste, for eksempel, der er "dametøj" menuen (når du svæver dråbe former for tøj), så når en af de arter, for eksempel, "Toppe" drop-down listen med elementerne: jakker, parker, frakker, frakker og så videre. n.

Vi har listet de vigtigste overfladiske måder, hvorpå du kan oprette en drop-down liste. Selvfølgelig er der mange nuancer i HTML, i CSS og i JavaScript, som giver dig mulighed for at ændre funktionaliteten og udseendet af lister synspunkter.