Hvordan oprettes et afkrydsningsfelt i HTML?

Når du gennemsøger dine yndlingswebsteder, vises afkrydsningsfelter, når du skal vælge en mulighed ud af de mange tilgængelige. Disse afkrydsningsfelter oprettes i ved hjælp af et specielt mærke. I denne artikel vil vi se, hvordan du opretter et afkrydsningsfelt i HTML og funktionen af ​​afkrydsningsfelter i følgende rækkefølge:

• Hvordan oprettes et afkrydsningsfelt i HTML?
• Afkrydsningsfelt versus radioknapper
• Deaktivering af et afkrydsningsfelt i HTML

Hvordan oprettes et afkrydsningsfelt i HTML?

Et afkrydsningsfelt er et formelement, der giver dig mulighed for at vælge flere indstillinger fra forskellige tilgængelige indstillinger. Afkrydsningsfelter oprettes med HTMLtaggen. Det kan være indlejret inde i elementet, eller de kan stå alene. De kan også tilknyttes en formular ved hjælp af formattribut af mærket.

Her er et grundlæggende eksempel for at oprette et simpelt afkrydsningsfelt:

Rød Grøn Blå

Produktion:

Lad os overveje et andet eksempel og tilføje en sendeknap, så afkrydsningsfelterne kan blive nyttige. Her kan du også placere afkrydsningsfelterne inden for et element, der specificerer en side, der skal behandles formularen.

Hvilken er din yndlingsfarve? Rød Grøn Blå
Resultat:
 

Produktion:

Afkrydsningsfelt versus radioknapper

Radioknapper giver brugeren mulighed for kun at vælge en mulighed. Mens afkrydsningsfelter giver brugeren mulighed for at vælge et hvilket som helst antal muligheder. Lad os tage et eksempel og se, hvordan radioknapper og afkrydsningsfelter fungerer:

c ++ Fibre rekursiv

 
Afkrydsningsfelter
Hvilken er din yndlingsfarve? Rød Grøn Blå
Radioknapper
Vælg dit køn? Mand Kvinde Ukendt
Resultat:
 

Produktion:

I ovenstående eksempel kan du se, at du kan markere så mange afkrydsningsfelter, du vil. Det gør afkrydsningsfeltet egnet til tidspunkter, hvor brugeren skal være i stand til at vælge flere muligheder. Men hvis du prøver at vælge mere end en alternativknap, er det forrige valg fravalgt. Dette hjælper dig med at tvinge brugere til kun at vælge en mulighed.

lav kopi vs dyb kopi java

Deaktivering af et afkrydsningsfelt i HTML

Du kan deaktivere et afkrydsningsfelt i ved hjælp af attributten deaktiveret. Dette kan gøres sammen med et script for at aktivere eller deaktivere afkrydsningsfeltet afhængigt af, om visse kriterier er opfyldt.

Lad os tage et eksempel for at se, hvordan vi kan deaktivere et afkrydsningsfelt:

Rød Grøn Blå

Produktion:

I ovenstående eksempel har vi deaktiveret farven rød. Så du kan vælge grøn og blå fra afkrydsningsfeltet, men ikke farven rød.

Med dette er vi kommet til slutningen af ​​vores artikel. Jeg håber, du forstod, hvordan afkrydsningsfelter i HTML fungerer, og hvordan de kan bruges forskelligt.

Nu hvor du kender til afkrydsningsfelt i HTML, skal du tjekke af Edureka. Webudvikling certificeringstræning hjælper dig med at lære, hvordan du opretter imponerende websteder ved hjælp af HTML5, CSS3, Twitter Bootstrap 3, jQuery og Google API'er og distribuerer det til Amazon Simple Storage Service (S3).

Har du et spørgsmål til os? Nævn det i kommentarfeltet i 'Afkrydsningsfelt i HTML', så vender vi tilbage til dig.