Resultaat oefening 2.2a HTML5 forms

dabblet.css

/**
 * Resultaat oefening 2.2a HTML5 forms
 */

label {
	display: block
}

dabblet.html

<!-- Een klassiek formulier -->

<form>
	<fieldset>
		
		<legend>Contactgegevens</legend>
		
		<label for="name">Naam *</label>
		<input type="text" id="name">

		<label for="email">Email *</label>
		<input type="text" id="email">

		<label for="straat">Straatnaam</label>
		<input type="text" id="straat">

		<label for="nummer">Nummer</label>
		<input type="text" id="nummer">

		<label for="postcode">Postcode</label>
		<input type="text" id="postcode">

		<label for="land">Land</label>
		<input type="text" id="land">
		
		<label for="telefoon">Telefoon</label>
		<input type="text" id="telefoon">
		
	</fieldset>

	<fieldset>
	
		<legend>Voorkeuren</legend>
		
		<label for="kleur">Lievelingskleur</label>
		<input type="text" id="kleur">
		
		<label for="maand">Leukste maand</label>
		<select id="maand">
			<option>januari</option>
			<option>februari</option>
			<option>maart</option>
			<option>april</option>
			<option>mei</option>
			<option>juni</option>
			<option>juli</option>
			<option>augustus</option>
			<option>september</option>
			<option>oktober</option>
			<option>november</option>
			<option>december"</option>
		</select>
		
		<label for="cijfer">Hoe goed is dit ongeveer? (1 tm 10)</label>
		<input type="text" id="cijfer">
		
	</fieldset>
</form>

settings.json

{"view":"split-vertical","prefixfree":"1","page":"html"}