Användning av <label>
- Associera ett fält med dess etikett
- Ange text eller bilder som etikett för ett fält
- Aktivera fältet när etiketten klickas på
- Göra etiketter tillgängliga för skärmläsare
Attribut för <label>
- for: ID för det associerade fältet
- form: ID för formuläret som fältet tillhör
Exempel med <label>
- Associera en etikett med ett textfält:
<label for="name">Namn</label>
- Aktivera en knapp när dess etikett klickas på:
<label for="submit"><button>Skicka</button></label>
Utforska <label>-taggen
<!DOCTYPE html>
<html>
<head>
<title>Utforskning av <label>-taggen</title>
</head>
<body>
<form>
<label for="name">Namn:</label>
<input type="text" id="name">
<label for="email">E-post:</label>
<input type="email" id="email">
<button type="submit">Skicka</button>
</form>
</body>
</html>
Tips för tillgänglighet
- Se till att varje fält har en unik ID.
- Använd relevanta etiketter som beskriver syftet med fälten.
- Se till att etiketterna är synliga och lättlästa.