Etichetă (informatică)

exemplu de etichetă simplă în interiorul unui formular.

În informatică, o etichetă sau o etichetă (în engleză) este un control grafic ( widget ) care afișează informații textuale într-un formular. Este de obicei un control static , care nu implică niciun fel de interacțiune cu utilizatorul, și este utilizat pentru a identifica ( eticheta ) un alt control grafic sau grupuri de controale grafice ^[1] .

O etichetă poate afișa informații pe o singură linie sau pe mai multe linii de text; informațiile afișate pot fi modificate numai din aplicație.

În unele implementări, etichetele „răspund” la evenimente, cum ar fi clicul mouse-ului, permițând utilizatorului să copieze conținutul textual și astfel să se transforme într-o casetă de text ^[2] .

Exemplu pe web

Exemplu de etichetă într-o formă

Același subiect în detaliu: Formulare , HTML5 și Widgeturi .

< form action = "/action_page.php" >
  < label for = "male" > Bărbat </ label >
  <Input type = "radio" name = "gender" id = "bad" value = "bad"> <br>
  < label for = "female" > Femei </ label >
  <Input type = "radio" name = "gender" id = "female" value = "female"> <br>
  < label for = "other" > Altele </ label >
  <Input type = "radio" name = "gender" id = "other" value = "other"> <br> <br>
  < input type = "submit" value = "Submit" >
</ forma >

<label> definește o etichetă pentru diferite elemente ale unui formular (formular de abonament) ^[3] :

• <input type = "checkbox">
• <input type = "color">
• <input type = "date">
• <input type = "datetime-local">
• <input type = "email">
• <input type = "file">
• <input type = "month">
• <input type = "number">
• <input type = "password">
• <input type = "radio">
• <input type = "range">
• <input type = "search">
• <input type = "tel">
• <input type = "text">
• <input type = "time">
• <input type = "url">
• <input type = "week">
• <metru>
• <progresă>
• <select>
• <textarea>

Accesibilitate

Același subiect în detaliu: Accesibilitate (web) , Accesibilitate (design) și Wai-aria .

Exemplu de cod cu etichete WAI-ARIA adecvate pentru accesibilitate ^[4] :

 < form id = "send-comment" aria-label = "Adaugă un comentariu" >
< label for = "username" > Nume utilizator </ label >
 < input id = "username" name = "username" autocomplete = "nickname" autocorrect = "off" type = "text" >
 </ forma >

Portal IT : accesați intrările Wikipedia care se ocupă cu IT

Notă