HTML Velg Tutorial

Den Hypertext Markup Language (HTML) velg tag er en enkel måte å lage en drop-down eller rullemenyen. Disse menyene krever ingen komplisert kode og gir en elegant løsning for sider som krever en interaktiv funksjon. Bruke "<Velg>" tag og "<alternativ>" verdi, kan du begynne å implementere denne koden på dine egne sider.

Legge til Select Tag

Lag en rullegardinlisten ved å legge til "<Velg>" velg tag og "<alternativ>" opsjonselementet til det foretrukne området på siden din.

Først legger begynnelsen "<Velg>" velg tag for å starte menyen skapelsen. For eksempel:
<Velg>

Deretter gi en liste over valg lukkede innenfor "<option> </ option>" Valg-koder for å gi en liste over valg for betrakteren. Skriv åpningen "<alternativ>" tag, legge til en verdi attributt mellom anførselstegn, og angi alternativet navn etter den avsluttende brakett. Å illustrere:
<Velg>
<Option value = "California"> California
<Option value = "Oregon"> Oregon
<Option value = "Texas"> Texas

Nå legger den avsluttende "</ option>" og "</ velger du>" Velg tagger som gjør menyen skal tre i kraft. Plasser ending "</ option>" opsjonselementet ved slutten av hvert alternativ navn og skriv inn den avsluttende "</ select>" velg tag på slutten av koden. For eksempel:
<Velg>
<Option value = "California"> California </ option>
<Option value = "Oregon"> Oregon </ option>
<Option value = "Texas"> Texas </ option>
</ Velge>

Til slutt, navn og lagre filen. Bruk nettleseren "Preview" funksjon for å teste ut den nye menyen.

Legge til valgfrie attributter

Du kan forbedre web side menyer ved å implementere funksjonshemmede, flere, navn og størrelse attributter til "<alternativ>" alternativet kode.

For å begynne, kan du bruke deaktivere attributtet for å gjøre menyene utilgjengelig, som typisk være grå på nettsiden. Denne funksjonen brukes vanligvis når du vil at brukeren skal møte noen annen tilstand, slik som å fylle ut en annen del av et skjema, før de kan velge fra menyen. For å bruke denne funksjonen, gå inn på "funksjonshemmede" indikatoren inne i begynnelsen "<Velg>" tag, med ordet "funksjonshemmet" i anførselstegn. For eksempel:
<Velg deaktivert = "disabled">

Den multiple-funksjonen er en annen egenskap som du kan bruke til å tillate brukere å velge mer enn ett alternativ. Det anbefales at du informerer seerne om at utvalg av mer enn ett valg er tilgjengelig fordi menyen ikke gjøre dette tydelig. Avhengig av den besøkendes operativsystem (Mac eller Windows), velge flere valg utføres litt annerledes. Mac-brukere Hold nede Kommando-knappen for å gjøre sine valg, mens de på Windows trykker ned kontroll (ctrl) -knappen. For å legge til denne funksjonaliteten til menyen, gå inn på "flere" attributtet i "<Velg>" velg tag og følger det med teksten "flere" i anførselstegn. Å illustrere:
<Velge flere = "multiple">

Deretter legger du inn et navn attributt til menyen for å gi den en verdi når du henviser data på et skjema eller, hvis du bruker det med Javascript. Implementere dette attributtet ved å legge til "name =" inne i åpningen "<Velg>" velg tag og deretter skriver du inn navnet på menyen mellom sitater. For eksempel, hvis du bruker navnet "stat", skriver du inn følgende:
<Velg name = "stat">

Endelig viser antall synlige rullegardinmenyvalg ved hjelp av størrelsen attributt, som ofte brukes med flere funksjoner. Størrelsen attributtet viser en annen måte, i henhold til vilkårene. Som et eksempel, hvis størrelsen inneholder en verdi på "1" eller mer, men tallet er mindre enn mengden av menyalternativer tilgjengelig, legger nettleseren et rullefelt for å la seerne vite om de ekstra valgene. Ellers blir alternativene presentert i en liste, i likhet med flere skjermer. Legg dette attributtet til menyen ved å skrive størrelsen på innsiden av "<Velg>" tag og deretter gi den en numerisk verdi. For eksempel:
<Velg size = "3">

Navn og lagre filen med ".html" forlengelse for å se meny attributtene trer i kraft.