Stefan Kristensen wrote:
> Hej NG.
>
> Jeg så lige at nogle sider bruge labels til beskrivende tekst før input
> felter.
> Hvad er fordelen ved at definere teksten som en label frem for bare at lægge
> den som alm. tekst før inputfeltet?
>
Generelt set giver label elementet bedre tilgængelighed på hjemmesiden.
Du kan benytte attributten "for" på label elementet, som knytter et form
element til sig.
Eks.
<label for="txtName">Navn</label>
<input type="text" name="txtName" id="txtName" />
Så er den label "for" input feltet med id'et "txtName".
Derved kan brugeren blot klikke på teksten Navn og feltet får automatisk
fokus, altså cursoren kommer til at står i feltet.
Og til input felter af typen radio og checkbox er en label rigtig smart,
da det ofte kan være svært for brugeren at ramme den lille kasse eller
cirkel. De kan som sagt så blot klikke på teksten.
Derudover vil blinde få oplæst input feltet sammen med label teksten.
Sidst men ikke mindst kan du også bruge label elementet til at lave
indryk før form feltet ved hjælp af CSS.
Eksempel på HTML
<div class="formItem">
<label for="txtName">Navn</label>
<input type="text" name="txtName" id="txtName" />
</div>
Eksempel på CSS
..formItem label {
width:100px;
float:left;
}
Håber at det giver lidt indsigt på label elementet, ellers kan du læse
lidt mere her, inkl. om fieldset, legend og optgroup.
http://www.htmldog.com/guides/htmladvanced/forms/
--
Martin Hintzmann Andersen
http://www.hintzmann.dk/