Terwijl u door uw favoriete websites bladert, verschijnen selectievakjes wanneer u een van de vele beschikbare opties moet selecteren. Deze selectievakjes zijn gemaakt in met behulp van een speciale tag. In dit artikel zullen we zien hoe u een selectievakje in HTML kunt maken en de werking van selectievakjes in de volgende volgorde:
- Hoe maak je een checkbox in HTML?
- Selectievakje versus keuzerondjes
- Een selectievakje in HTML uitschakelen
Hoe maak je een checkbox in HTML?
Een selectievakje is een formulierelement waarmee u meerdere opties uit verschillende beschikbare opties kunt selecteren. Selectievakjes worden gemaakt met de HTMLtag. Het kan in een element worden genest of ze kunnen op zichzelf staan. Ze kunnen ook worden geassocieerd met een formulier met behulp van formulierattribuut van de tag.
Hier is een eenvoudig voorbeeld om een eenvoudig selectievakje te maken:
Rood Groen Blauw
Uitgang:
Laten we een ander voorbeeld bekijken en een verzendknop toevoegen zodat de selectievakjes nuttig kunnen worden. Hier kunt u ook de selectievakjes binnen een element plaatsen dat een pagina specificeert om het formulier te verwerken.
Wat is je favoriete kleur? Rood Groen BlauwResultaat:
Uitgang:
Selectievakje versus keuzerondjes
Met keuzerondjes kan de gebruiker slechts één optie selecteren. Terwijl selectievakjes de gebruiker in staat stellen om een willekeurig aantal opties te selecteren. Laten we een voorbeeld nemen en kijken hoe keuzerondjes en selectievakjes werken:
wat is het verschil tussen hashmap en hashtabel
Selectievakjes
Wat is je favoriete kleur? Rood Groen BlauwRadio knoppen
Kies je geslacht? Man Vrouw OnbekendResultaat:
Uitgang:
In het bovenstaande voorbeeld kunt u zien dat u zoveel selectievakjes kunt selecteren als u wilt. Het maakt het selectievakje geschikt voor momenten waarop de gebruiker meerdere opties moet kunnen selecteren. Maar als u probeert meer dan één keuzerondje te selecteren, wordt de vorige selectie ongedaan gemaakt. Dit helpt u gebruikers te dwingen slechts één optie te selecteren.
Een selectievakje in HTML uitschakelen
U kunt een selectievakje uitschakelen in door het kenmerk uitgeschakeld te gebruiken. Dit kan worden gedaan in combinatie met een script om het selectievakje in of uit te schakelen, afhankelijk van of aan bepaalde criteria is voldaan.
Laten we een voorbeeld nemen om te zien hoe we een selectievakje kunnen uitschakelen:
Rood Groen Blauw
Uitgang:
In het bovenstaande voorbeeld hebben we de kleur rood uitgeschakeld. U kunt dus groen en blauw selecteren in het selectievakje, maar niet de kleur rood.
if-instructies in SQL-query's
Hiermee zijn we aan het einde van ons artikel gekomen. Ik hoop dat je hebt begrepen hoe selectievakjes in HTML werken en hoe ze anders kunnen worden gebruikt.
Nu je meer weet over Checkbox in HTML, bekijk dan het door Edureka. Web Development Certification Training helpt u te leren hoe u indrukwekkende websites kunt maken met HTML5, CSS3, Twitter Bootstrap 3, jQuery en Google API's en deze kunt implementeren op Amazon Simple Storage Service (S3).
Heeft u een vraag voor ons? Vermeld het in het opmerkingengedeelte van 'Checkbox in HTML' en we nemen contact met u op.