HTML – Formulier Elementen

Opmaak

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">

---

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

---

<textarea rows="4">Hallo!</textarea>

Hallo!

select

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

AnnabelBasChristiaanDaan

---

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

AnnabelBasChristiaanDaan

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';">

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">

---