Referens
HTML label

HTML label

HTML form taggen anger en etikett för ett formulärobjekt.

Exempel:


HTML:

<form>
  <label for="katt">Katt</label>
  <input type="radio" name="djur" id="katt">
  <br>
  <label for="hund">Hund</label>
  <input type="radio" name="djur" id="hund">
</form>

Elementet label gör det möjligt för en användare att klicka på etiketttexten för att markera formulärobjektet.

Observera att attribut "for" i elementet label måste vara samma som attributet "id" hos elementet input.

Läs mer om HTML label i HTML Formulär

HTML label
Elementtyp Sluttagg Utfasat Doctype
Inlineelement Ja Nej Strict, Transitional, Frameset
Elementet får innehålla
Inlineelement utom label
Elementet får finnas i
Blockelement, inlineelement utom button
Skillnad mellan HTML och XHTML
Ingen

Tips för HTML label

Ett sätt att få formuläret att se mer symetriska ut kan vara att använda sig av tabeller.

Exempel:

HTML:

<form>
   <table border="0" cellpadding="0" cellspacing="5">
      <tr>
         <td>
            <label for="apa">Apa</label>
         </td>
         <td>
            <input type="checkbox" name="djur" id="apa"/>
         </td>
      </tr>
      <tr>
         <td>
            <label for="gris">Gris</label>
         </td>
         <td>
            <input type="checkbox" name="djur" id="gris"/>
         </td>
      </tr>
      <tr>
         <td>
            <label for="ko">Ko</label>
         </td>
         <td>
            <input type="checkbox" name="djur" id="ko" />
         </td>
      </tr>
   </table>
</form>

HTML label attribut

Valbara attribut
Attribut Beskrivning Värde
for Anger vilket objekt id som etiketten gäller för text

Universella attribut
Attribut Beskrivning Värde
accesskey Anger en snabbtangent för att hoppa till ett element tangentkod
id Anger att elements unika identitet text
class Anger vilken klass eller vilka klasser ett element tillhör text
style Tilldelar elementet en egen visuell stil CSS attribut och värden
title Anger en titel för eller kort beskrivning av elementet text
dir Anger textriktning för innehållet rtl, ltr
lang Anger språk på elementets innehåll språkkod
xml:lang Används istället för "lang" när koden skrivs i XHTML 1.0 språkkod

Händelse attribut
Attribut Utlösande händelse Värde
onblur Elementet tappar fokus javascript
onfocus Elementet får fokus javascript
onclick Enkelklick med musen på elementet javascript
ondblclick Dubbelklick med musen på elementet javascript
onkeydown En tangent trycks ned javascript
onkeyup En tangent släpps upp javascript
onkeypress En tangent trycks ned eller hålls nedtryckt javascript
onmousedown En musknapp trycks ned över elementet javascript
onmouseup En musknapp släpps upp över elementet javascript
onmouseover Muspekaren flyttas in över elementet javascript
onmousemove Muspekaren flyttas inom elementet javascript
onmouseout Muspekaren flyttas ut från elementet javascript
| Mer