javascript-tag

| | | | | | | | | | | | | | | | | |

De HTML-labeltag wordt gebruikt om een bijschrift voor een element in een HTML-formulier te definiëren. Ze zijn toegankelijk met de tag en zijn gekoppeld aan een bepaalde webmodule. Wanneer erop wordt geklikt, kan de gebruiker een formulier gebruiken.

Bij het maken van HTML-formulieren kunt u ervoor kiezen om een bijschrift toe te voegen aan de velden van een formulier. U wilt bijvoorbeeld een formulierveld waarin de naam van een klant het bijschrift Naam: moet hebben.

Dit is waar de HTML tag komt binnen. De tag wordt gebruikt om een bijschrift te definiëren voor een formulierbesturingselement in een HTML-formulier. Elk label is gekoppeld aan een specifiek element in een formulier.

In deze zelfstudie wordt aan de hand van voorbeelden uitgelegd hoe u de HTML-labeltag kunt gebruiken om een label aan een formulier toe te voegen. Aan het einde van deze tutorial bent u een expert in het maken van formulierlabels met HTML.

HTML-label

De -tag voegt een `label naar een bepaald formulierelement in een formulier. Elke labeltag is gekoppeld aan een formulierelement via het HTML-attribuut for.

Er zijn verschillende redenen waarom u de -tag zou moeten gebruiken die is belangrijk. Ten eerste wordt het label gekoppeld aan een bepaald formulierveld op een webpagina. Dit betekent dat als een schermlezer het formulierveld tegenkomt, de inhoud van het opgegeven label wordt voorgelezen aan de gebruiker. Dit maakt uw website op zijn beurt toegankelijker.

Bovendien kan de gebruiker, wanneer een -tag is gekoppeld aan een formulierveld, op de tekst in het label klikken om de module te activeren. Dit maakt het voor de gebruiker gemakkelijker om interactief met een formulierveld te beginnen, omdat ze niet rechtstreeks op het item hoeven te klikken.

Als u bijvoorbeeld een selectievakje element niet heeft gemarkeerd, de gebruiker moet direct in het selectievakje klikken om het element te activeren. Als u een -tag heeft opgegeven, kan de gebruiker ook op de tag klikken om het selectievakje te activeren.

HTML-tagsyntaxis

HTML-tagsyntaxis is:

Met het kenmerk for kan een label worden gekoppeld aan een bepaalde -element. De waarde van het attribuut voor moet hetzelfde zijn als het id invoerkenmerk dat wordt gebruikt door een -element.

Je kunt ook een -veld in een label invoegen om het invoerformulier aan het label te koppelen, in plaats van het attribuut voor te gebruiken. De syntaxis hiervoor is:

De HTML -tag ondersteunt alle algemene attributen in HTML. Bovendien wordt de tag ondersteund in alle belangrijke browsers.

Voorbeelden van HTML-labels

Stel dat u een webformulierveld maakt waarvoor een gebruiker nodig is voor hun e-mailadres.

We willen dat het formulierveld verschijnt met het bijschrift Wat is uw e-mailadres? Er zijn twee manieren waarop we dit kunnen doen: gebruik de voor het attribuut of gebruik een genest label.

voor attribuut

We zouden de volgende code kunnen gebruiken om deze tag toe te voegen aan een invoerveld met behulp van het attribuut voor:

Onze code retourneert het volgende:


Laten we onze code opsplitsen.

In de eerste regel gebruikten we een tag om het label Wat is uw e-mailadres ? toe te voegen aan ons webformulier. We specificeerden het attribuut voor en gaven het de waarde email_address, die het label koppelt aan ons formulierveld met de id email_address .

Aan het einde van de regel hebben we een
-tag gebruikt om een lege horizontale regel in onze code in te voegen.

Op de volgende regel hebben we een tekstinvoerveld gemaakt met de tag . Dit invoerveld heeft de identifier email_address , die we gebruiken om het invoerveld aan een tag te binden.

Geneste tag

Als alternatief kunnen we een < gebruiken code>-tag genest in een -tag om ons label te maken. Hier is de code die we zouden gebruiken om een genest label te maken voor ons webformulier hierboven:

Onze code geeft als resultaat:

Ons formulier is visueel hetzelfde als ons eerste voorbeeld. In dit voorbeeld gebruiken we het kenmerk for echter niet om ons label aan ons formulier te binden. In plaats daarvan plaatsen we onze -tag in een -tag, die de twee HTML-tags aan elkaar koppelt.

Toegankelijkheid HTML-labels

Er zijn een paar toegankelijkheidsopmerkingen die u in gedachten moet houden bij het ontwerpen van een label met behulp van de .

Ten eerste mogen er geen kopteksten in worden geplaatst een -tag. Dit komt omdat koptekstelementen in -tags de schermleestechnologieën en andere tools die worden gebruikt om webtoegankelijkheid te bevorderen, kunnen verstoren. Dus als u een koptekst aan een formulierlabel wilt toevoegen, moet u dit buiten de -tags doen.

Ten tweede mag u geen knoppen of links in een -tag. Dit komt omdat de interactieve elementen in een -tag verwarrend kunnen zijn voor de gebruiker om te begrijpen hoe het webformulier werkt. Als een knop bijvoorbeeld beschikbaar is in een , denkt de gebruiker misschien dat hij op de knop moet klikken om met het webformulier te werken.

Conclusie

De HTML-tag wordt gebruikt voor maak formulierlabels. Deze labels zijn gekoppeld aan een bepaald webformulier en stellen de gebruiker, wanneer erop wordt geklikt, in staat om met een formulier te werken.

Deze tutorial heeft aan de hand van voorbeelden laten zien hoe de HTML tag om labels toe te voegen aan een formulierelement, evenals de toegankelijkheidsproblemen die samenhangen met de tag. U heeft nu de kennis om met HTML aan de slag te gaan tagt als een pro!