W3C spec: The input element represents a color well control, for setting the element's value to a string representing a simple color.

Het gedrag van een input veld verandert drastisch, je kan geen waarde meer invullen maar krijgt een color picker te zien.

---

Voorbeeld

---

Code

<label for="colour">Kleur</label>
<input type="color" id="colour">

---

Ondersteuning

Het attribuut is in de meeste browsers al ondersteund behalve Safari. Browsers tonen een kleur vakje met een kleur. Door op dit vakje of het label te klikken, krijg je een color picker.

iOS 7 ondersteunt type color niet en toont een standaard input veld.

---

Advies

Momenteel kunnen we geen duidelijkheid geven over de ondersteuning van screenreaders en browsers. We adviseren om naast de color picker ook een vrij veld aan te bieden aan de gebruiker.