Html | Velg flere som rullegardin

Html | Velg flere som rullegardin
Mens du lager et skjema i webutvikling, blir flere komponenter lagt til ved hjelp av forskjellige HTML -elementer. Disse elementene inkluderer ,, og element. Mer spesifikt, “”Element brukes i skjemaer for å lage en valgt boks som inneholder en liste over menyer. Det er gunstig på mange måter, ettersom det lar brukere velge spesifikke alternativer og forhindrer dem i å legge inn falsk informasjon.

Denne artikkelen vil dekke følgende punkter:

  • Hva er HTML SELECT -element?
  • Hvordan lage velgboks i HTML?
  • Hvordan velge flere alternativer fra rullegardinmenyen?

Hva er HTML SELECT -element?

I HTML, “”Element er et sentralt element i skjemaet som brukes til å lage en menyliste. Som standard kan brukeren bare velge et enkelt alternativ fra listen. Det kan være assosiert med flere attributter for tilleggsfunksjoner. For eksempel "funksjonshemmet”Attributt gjør alternativet deaktivert for brukere, og“Flere”Alternativ gjør det mulig for brukere å velge mer enn ett alternativ og mange flere.

Hvordan lage velgboks i HTML?

La oss sjekke ut et eksempel på å lage en valgt boks i HTML:

  • Legg til "”Element i HTML -filen for å legge til en bildetekst.
  • Deretter legger du til en "”Element som inneholder flere“”Elementer for å spesifisere rullegardinmenyalternativene.
  • verdi”Attributt spesifiserer verdiene som er sendt til serveren.
  • Til slutt, legg til en "”Element med typen”sende inn”Og verdi”Sende inn”For å opprette en knapp:


Så her er rullegardinmenyen som lar oss bare velge ett alternativ:

La oss gå over til eksemplet for å demonstrere hvordan du velger mer enn ett alternativ fra rullegardinlisten.

Hvordan velge flere alternativer fra rullegardinmenyen?

For å velge flere alternativer fra rullegardinmenyen, "Flere”Attributter kan spesifiseres i SELECT -elementet. Det er en boolsk attributt og indikerer at brukere kan velge ut mange alternativer fra den tilgjengelige menyen.

Analyser eksemplet nedenfor. Her, "Flere”Attributter brukes i elementet:



Det kan observeres at vi kan velge flere alternativer fra menyen:

Merk: Brukerne kan velge eller fjerne markeringen av flere alternativer ved å holde "Skifte”,“Ctrl”, Eller“kommando”Nøkler med museklikk. Disse nøklene brukes i henhold til operativsystemet.

Konklusjon

Som standard HTML “”Element lar brukere velge ett alternativ fra rullegardinmenyen. For å velge flere alternativer fra drop -menyen, kan de flere attributtene imidlertid brukes i HTML -elementet, som tillater brukere å velge mer enn ett alternativ om gangen. Dette innlegget har vist hvordan du velger flere alternativer fra menylisten.