Terug

HTML 3 – Formulier Elementen

Opmaak

Alle elementen die je hier ziet hebben de standaard – saaie – opmaak uit je browser. Lees hier meer over hoe je deze elementen met CSS kunt opmaken.

Elementen

text

<input type="text">


<input type="text" placeholder="Typ hier je antwoord">


<textarea>Hallo!</textarea>

select

<select>
  <option>Annabel</option>
  <option>Bas</option>
  <option>Christiaan</option>
  <option>Daan</option>
</select>


<select size="4">
  <option>Annabel</option>
  <option>Bas</option>
  <option>Christiaan</option>
  <option>Daan</option>
</select>

checkbox

<input type="checkbox"> Esther
<input type="checkbox"> Fred
<input type="checkbox"> Guus
<input type="checkbox"> Henk

Esther
Fred
Guus
Henk

radio button

<input type="radio" name="groep1"> Inge
<input type="radio" name="groep1"> Jos
<input type="radio" name="groep1"> Karel
<input type="radio" name="groep1"> Lea

Inge
Jos
Karel
Lea

button

<input type="button" value="Klik hier!">


<input type="button" value="Ga naar Google" onclick="location.href='http://google.com';">

password

<input type="password" placeholder="Wachtwoord">

number

<input type="number" min="123" max="456">


<input type="range" min="123" max="456">

date & time

<input type="date" value="2016-12-19">


<input type="time" value="13:00">

color

<input type="color">