Hvordan lage en rullegardinliste i HTML

Den enkleste nedtrekkslisten i HTML er lett å lage ved hjelp av koden velge. Denne beholderen tag, tags innebygd alternativ i det - det er de som setter listeelementene.

Det er flere alternativer lister, noe som kan gjøres ved å velge tag: nedtrekkslisten (alternativene faller etter å ha klikket på hovedfeltet eller sveve over det), og en liste over flere valg - i det brukeren kan velge flere elementer. Den første er mer vanlig, de er en viktig del av moderne navigasjonssider. Drop-down listen flere valg kan brukes, for eksempel i kataloger der du ønsker å velge noen karakteristikker av varene.

Endre utseende og egenskaper av listene, kan du bruke universelle og spesielle egenskaper.

Velg tag attributter

1. Multiple - spesifiserer flere valg.

2. Størrelse - angir antall synlige linjer i listen, som er høyden. Og så det kommer an på, multippel attributt er til stede eller ikke. Hvis ja, og du trenger ikke oppgi size seng, deretter i nærvær av flere brukere vil se alle alternativer, men hvis det mangler flere, er vist å være bare én linje, og den andre brukeren vil kunne lese, når du klikker på ikonet for heisen på høyre side. Hvis høyden på størrelsen som er angitt, og det er mindre enn antall alternativer på høyre rullefelt vises.

3. Name - navn. Rullegardinlisten kan gjøres uten den, men det kan være nødvendig å samhandle med programmet-handler på serveren. Som regel er navnet fortsatt indikert.

Velg tag har ingen nødvendige egenskaper i motsetning til alternativet tag.

Attributter festet tag opsjons

1. Valgt - designet for å fremheve et listeelement. Brukeren kan tildele mer enn ett element, hvis du setter flere attributt (se. Ovenfor).
2. Verdi - verdien. Dette attributtet er nødvendig. Webserveren må forstå nøyaktig hva listeelementer brukeren har valgt.
3. Etiketten. På svært lang liste over elementer kan reduseres ved hjelp av denne egenskapen. For eksempel, vil skjermen vise "Milan", i stedet for alternativet tag "Milan - det administrative senteret i Lombardia. Nord-Italia. " Dette attributtet brukes også for å gruppere elementene i listen.

Som for bredden av listen, den velger lengden på det bredeste teksten i listen. Selvfølgelig kan bredden endres ved hjelp av HTML stiler.

Rullegardinlisten på andre måter

Det kan gjøres med CSS, for eksempel, vil listen vises når du holder markøren over et sideobjekt. Gode muligheter for å lage lister gir Javascript, noe som forenkler arbeidet Jquery biblioteket. Rullegardinlisten som er forbundet med dette bibliotek, kan være meget komplisert, slik som en kaskade. Det vil si at når du velger et element i en liste vises følgende liste, for eksempel, er det "dameklær" -menyen (når du holder slipp typer klær), så når en av artene, for eksempel "Topper" drop-down liste med elementene: jakker, parker, jakker, frakker og så videre. n.

Vi har listet opp de viktigste overfladiske måter du kan lage en rullegardinlisten. Selvfølgelig, det er mange nyanser i HTML, i CSS og i Javascript, som lar deg endre funksjonaliteten og utseendet til lister visninger.