HTML Velg tag

HTML består av forskjellige tagger som er ment å tjene ekstremt nyttige formål. En av de mest brukte taggene til HTML er Select -taggen. Denne taggen brukes til å lage rullegardinlister, og rullegardinlistene lar brukeren velge et alternativ etter eget valg fra den gitte listen. Rullegardinlistene brukes først og fremst i nettskjemaer for å samle inn undersøkelsesdata. I denne opplæringen vil vi lære deg bruken av Select -taggen i HTML ved hjelp av noen få eksempler.

Hvordan bruke Select -taggen i HTML?

Det er veldig enkelt å bruke Select -taggen i HTML, og du vil innse det ved å gå gjennom følgende to eksempler:

Eksempel nr. 1: Velge bostedsstedet

I dette eksemplet ønsker vi å opprette en webside som viser en rullegardinliste og lar brukerne velge sine bostedsplasser fra den rullegardinlisten. For å gjøre det har vi skrevet HTML -skriptet vist i følgende bilde:

I dette skriptet har vi brukt den utvalgte taggen til HTML for å lage en rullegardinliste over fire forskjellige land. Deretter brukte vi "opsjonsverdien" -merker for å oppgi alle de fire elementene, i.e., Navnene på de fire landene på denne rullegardinlisten. Etter det opprettet vi en "send" -knappen for å forbedre utseendet til websiden vår. Imidlertid vil denne knappen ikke navigere oss over noe sted siden vi ikke har opprettet noen tilknyttet handlingsside.

Etter utførelsen av dette HTML -skriptet med Google Chrome, dukket følgende webside på nettleseren vår:

Når du klikker på denne rullegardinlisten, vil du kunne velge et land du ønsker, som vist på bildet nedenfor:

Eksempel nr. 2: Velge favorittprogrammeringsspråk

Dette er et annet eksempel på å bruke Select -taggen til HTML. I dette eksemplet vil vi lage en rullegardinliste for å la brukeren velge sitt favorittprogrammeringsspråk. HTML -skriptet for dette formålet vises i følgende bilde:

Vi har laget en rullegardinliste over fire programmeringsspråk i dette HTML -skriptet ved hjelp av "Select" -koden til HTML. Deretter nevnte vi ganske enkelt elementene på denne listen ved å bruke "opsjonsverdien" -merket til HTML. Som vårt første eksempel har vi en dummy "send" -knappen i dette HTML -skriptet.

Nettsiden som viser vår nyopprettede rullegardinliste vises i følgende bilde:

Når du vil klikke på denne rullegardinlisten, vil du få lov til å velge et programmeringsspråk etter eget valg, som vist i følgende bilde:

Konklusjon

I dag ønsket vi å formidle bruken av den utvalgte taggen til HTML til leserne våre. For å gjøre det introduserte vi deg først for formålet med denne HTML-taggen, etterfulgt av noen eksempler som forklarte trinnvis prosedyre for å bruke denne taggen. Vi endte opp med å lage to forskjellige rullegardinlister. Etter de samme linjene kan du opprette så mange rullegardinlister etter eget valg i HTML som du ønsker.