Inleiding

Tot nu toe waren tabellen de manier om formulieren te structureren. Maar tabellen zijn hiervoor gewoon not-done meer. Volgens het W3C en Webrichtlijnen van de overheid zijn tabellen bedoeld voor het weergeven van relationele informatie, dus niet voor formulieren.

Maar hoe structureer je een formulier dan wel?

Dit doe je met de HTML tags fieldset, legend en label.

1.    Fieldset Hiermee geef je een box aan waarin velden zitten die bij elkaar horen, bijvoorbeeld velden die te maken hebben met ‘persoonsgegevens’.
2.    Legend Met de Legend syntax ken je een waarde toe aan de Fieldset, bijvoorbeeld ‘Persoonsgegevens’
3.    Label Met de Label syntax ken je een waarde toe aan elk veld, bijvoorbeeld naam, voornaam of telefoonnummer.

<form name=”account” action=”" method=”post”>
<fieldset>
<legend>Accountgegevens</legend>
<label for=”username”>Gebruikersnaam:</label>
<input type=”text” name=”username” id=”username” />
<label for=”password”>Wachtwoord:</label>
<input type=”text” name=”password” id=”password” />
<input type=”submit” name=”submit” value=”Aanmaken”/>
</fieldset>
</form>

Voor een uitgebreide tutorial over de opmaak van een formulier op de bovenstaande manier, klik hier.