Html etikett | Forklart

Mens du lager et skjema, er det nødvendig å legge til bildetekster for skjemaelementene slik at brukere vet hva de skal gi eller gå inn i komponentene, for eksempel tekstboks, avkrysningsrute, radioknapper og mer. Mer spesifikt tilbyr HTML en "merkelapp”Tag for å gjøre websiden mer interaktiv. Ved hjelp av denne taggen vil den ekstra bildeteksten også forbedre den generelle brukbarheten og tilgjengeligheten til websiden ved å koble den til det tilsvarende elementet.

Denne oppskrivningen vil forklare etikett-taggen med fordelene.

Før vi hopper inn i diskusjonen, la oss diskutere et praktisk eksempel på hvordan en etikett tagg fungerer i HTML.

Hva skjer når du oppretter en webside uten etikettmerke?

I kodeseksjonen nedenfor er den totale tekstjusteringen HTML -kroppselementet “senter”, Som vil justere tekstene inne i midten. “Fornavn:”Legges til som en enkel bildetekst uten etikettmerke. Deretter legger du til taggen med attributtet “type”Og sett det som“tekst”For å legge til en inngangsboks som bare godtar tekst.

Html

Fornavn:

Det kan observeres at når vi klikket på den ekstra etiketten, viser ikke tekstboksen noe svar:

Se nå på den undergitte delen for å forstå formålet og bruken av HTML-etiketter.

Hva er html label tag?

Med enkle ord er en etikett også kjent som en bildetekst. I HTML -form blir bildetekster lagt til med inngangsskjemakontrollene slik at brukeren vet hva de forventes å komme inn i det spesifikke feltet. Den største fordelen med etikett -tagger er tilgjengeligheten, ettersom bildeteksten er synlig for brukeren og programmatisk assosiert med inngangsskjemakontrollene.

Syntaks

Syntaksen til etikett -taggen tilknyttet en tag er beskrevet nedenfor:

Bildetekst

Her er beskrivelsen av ovennevnte syntakskomponenter:

• “til”Attributt til etikett -taggen skal være den samme som ID -attributtet til inngangskoden. Fordi de er assosiert med hverandre.
• “type”Attributt er satt som“tekst”Bare for å få teksttypeverdien.

Hvordan lage en etikett i HTML?

For å lage et HTML -etikettelement, bruk "”Tag med en tag. Angi inngangsfelttypen som "tekst”Og spesifiser ID for inngangsfeltet som verdien av“til" Egenskap.

Html

Fornavn

I dette tilfellet, når den ekstra teksten er klikket, blir kontrollen byttet til inngangsfeltet. Dette indikerer at bildeteksten er tilknyttet tekstboksen:

Bonus tips

Du kan også pakke en tag rundt formkontrollelementene. I dette tilfellet trenger du imidlertid ikke å bruke “til”Og“id”Attributter som brukt i eksemplet ovenfor:

Fornavn:

Vi har samlet den essensielle informasjonen relatert til bruk av HTML -etiketter.

Konklusjon

HTML -etikett, også kjent som en bildetekst, kan brukes i samarbeid med inngangselementet. Det gir bedre tilgjengelighet og forbedrer den generelle brukbarheten til websiden. For å bruke en etikett, html “”Kan legges til der det er nødvendig. Denne oppskrivningen har forklart HTML-etikettelementet, dens betydning og tilhørende bruk.