Hvad bruges legend elementet til?

HTML-elementet legend bruges til at definere et feltets titel. Det giver brugeren et hurtigt overblik over, hvad feltet indeholder. Det kan være et felt som et kontrol- eller radioknapfelt, et checkbox-felt, et felt med en rullemenu, et tekstfelt eller et andet felt. Legend-elementet kan også bruges til at forklare, hvordan et formularfelt skal betjenes. Legend-elementet er typisk placeret før eller efter et af disse felter, afhængigt af hvordan formularen er designet. Legend-elementet kan bruges til at give brugeren en hurtig oversigt over felternes funktioner og håndtering, så de hurtigt kan forstå, hvordan de skal udfylde og betjene formularen.

Eksempler på legend

Eksempel 1:

<form>
<fieldset>
<legend>Kontaktoplysninger</legend>
<label for=”name”>Navn:</label>
<input type=”text” id=”name”><br>
<label for=”email”>Email:</label>
<input type=”text” id=”email”><br>
</fieldset>
</form>

Dette eksempel bruger elementet legend til at give et label til et felt med kontaktoplysninger.

Eksempel 2:

<form>
<fieldset>
<legend>Adresse</legend>
<label for=”adresse”>Adresse:</label>
<input type=”text” id=”adresse”><br>
<label for=”postnummer”>Postnummer:</label>
<input type=”text” id=”postnummer”><br>
</fieldset>
</form>

Dette eksempel bruger elementet legend til at give et label til et felt med adresseoplysninger.

Eksempel 3:

<form>
<fieldset>
<legend>Kontooplysninger</legend>
<label for=”kontonummer”>Kontonummer:</label>
<input type=”text” id=”kontonummer”><br>
<label for=”saldo”>Saldo:</label>
<input type=”text” id=”saldo”><br>
</fieldset>
</form>

Dette eksempel bruger elementet legend til at give et label til et felt med kontooplysninger.