Når du surfer på favorittnettstedene dine, vises avmerkingsboksene når du trenger å velge ett alternativ av de mange tilgjengelige. Disse avmerkingsboksene opprettes i ved hjelp av en spesiell tag. I denne artikkelen vil vi se hvordan du oppretter en avkrysningsrute i HTML og funksjonen til avkrysningsruter i følgende sekvens:
- Hvordan lage en avkrysningsboks i HTML?
- Avkrysningsrute mot radioknapper
- Deaktivere en avkrysningsrute i HTML
Hvordan lage en avkrysningsboks i HTML?
En avkrysningsrute er et skjemaelement som lar deg velge flere alternativer fra forskjellige tilgjengelige alternativer. Avkrysningsruter opprettes med HTML-taggen. Det kan være nestet inne i elementet, eller de kan stå alene. De kan også knyttes til et skjema ved hjelp av skjemaattributt av koden.
Her er et grunnleggende eksempel for å lage en enkel avkrysningsrute:
Rød Grønn Blå
Produksjon:
La oss vurdere et annet eksempel og legge til en sendeknapp slik at avkrysningsboksene kan bli nyttige. Her kan du også plassere avmerkingsboksene i et element som spesifiserer en side for å behandle skjemaet.
Hvilken er din favorittfarge? Rød Grønn BlåResultat:
Produksjon:
Avkrysningsrute mot radioknapper
Med radioknapper kan brukeren bare velge ett alternativ. Mens avkrysningsruter tillater brukeren å velge et hvilket som helst antall alternativer. La oss ta et eksempel og se hvordan alternativknapper og avkrysningsruter fungerer:
xml transformasjon i informatica med eksempel
Avkrysningsruter
Hvilken er din favorittfarge? Rød Grønn BlåRadioknapper
Velg kjønnet ditt? Mann Kvinne UkjentResultat:
Produksjon:
I eksemplet ovenfor kan du se at du kan merke så mange avkrysningsruter du vil. Det gjør avkrysningsruten egnet for tider der brukeren skal kunne velge flere alternativer. Men hvis du prøver å velge mer enn én alternativknapp, blir det forrige valget avmarkert. Dette hjelper deg med å tvinge brukere til å velge bare ett alternativ.
Deaktivere en avkrysningsrute i HTML
Du kan deaktivere en avkrysningsrute i ved å bruke det deaktiverte attributtet. Dette kan gjøres sammen med et skript for å aktivere eller deaktivere avkrysningsruten, avhengig av om visse kriterier er oppfylt.
La oss ta et eksempel for å se hvordan vi kan deaktivere en avkrysningsrute:
Rød Grønn Blå
Produksjon:
I eksemplet ovenfor har vi deaktivert rødfargen. Så du kan velge grønt og blått fra avkrysningsruten, men ikke fargen rød.
Med dette har vi kommet til slutten av artikkelen vår. Jeg håper du forsto hvordan avmerkingsboksene i HTML fungerer og hvordan de kan brukes annerledes.
Nå som du vet om avkrysningsboksen i HTML, sjekk ut av Edureka. Webutvikling sertifiseringstrening hjelper deg med å lære hvordan du lager imponerende nettsteder ved hjelp av HTML5, CSS3, Twitter Bootstrap 3, jQuery og Google APIer og distribuerer det til Amazon Simple Storage Service (S3).
Har du spørsmål til oss? Vennligst nevn det i kommentarfeltet i 'Avkrysningsrute i HTML', så kommer vi tilbake til deg.
def __init __ (selv) python