HTML

Input tag

De tag input geeft een invulveld.
<input type="type" name="veldnaam">

Type inputvelden

Type	Uitleg
button	Knop.
checkbox	Checkbox.
color	Color picker, kleuren kiezer.
date	Datum met kalender.
datetime-local	Datum met kalender en tijd (wordt door veel browsers niet ondersteund).
email	Alleen een e-mailadres is toegestaan. Om meerdere e-mailadressen toe te staan (gescheiden door een komma) moet de optie multiple toegevoegd worden.
file	Bestand uploaden. Om meerdere bestanden te uploaden (met één invulveld) moet de optie multiple toegevoegd worden.
hidden	Verborgen, niet zichtbaar veld.
image	Knop met een zelf gedefineerde afbeelding. De afbeelding wordt geplaatst zoals bij img. Voorbeeld: <input type="image" src="afbeelding.gif" alt="Verzend" width="48" height="48">
month	Maand (volledig uitgeschreven) en jaar, met kalender (wordt door veel browsers niet ondersteund).
number	Geeft een veld met een keuze mogelijkheid van getallen. Door middel van een min en max waarde wordt aangegeven tussen welke waarden er gekozen mag worden. Met step kan de grote van de stap worden ingegeven. Voorbeeld: <input type="number" name="getal" min="10" max="25" step="0.5">
password	Voor paswoorden. Toont geen invoer, alleen bolletjes.
radio	Geeft radio-buttons. Door meerdere radio-buttons dezelfde naam te geven, worden deze gegroepeerd tot één groep.
range	Een schuifbalk waarmee de waarde gekozen kan worden. Door middel van een min en max waarde wordt aangegeven tussen welke waarden er gekozen mag worden. Met step kan de grote van de stap worden ingegeven. Voorbeeld: <input type="range" name="getal" min="10" max="25" step="0.5">
reset	Een reset-knop, waardoor het formulier leeg gemaakt wordt.
text	Dit is de standaard. Het geeft een tekst-veld.
time	Geeft een specifiek veld om een tijd in te voeren.
week	Weeknummer en jaar (wordt door veel browsers niet ondersteund).

Attributen

Attribuut	Uitleg
accept=	Welke bestandsformaten zijn toegestaan bij een upload: Geef de extensies op die toegestaan zijn, gescheiden door een komma. Bijvoorbeeld .jpg,.gif. Of geef een bestandstype op: audio/*: audio-bestand. video/*: video-bestand. image/*: afbeelding. media_type: voor meer uitgebreide mogelijkheden, kijk op: https://www.iana.org/assignments/media-types/media-types.xhtml * Edge van Microsoft ondersteunt deze optie niet.
autocomplete=	Gebruik maken van automatisch tekst aanvullen: on: aan off: uit
autofocus	Het veld met de optie autofocus wordt geselecteerd bij het openen van de web-pagina.
checked	Het veld met de optie checked wordt standaard aangevinkt.
disabled	Het veld met de optie disabled wordt wel getoond, maar kan niet gewijzigd worden.
id=	Id van het invulveld
list=	Deze optie maakt het mogelijk een voorstellijst te maken. i.c.m. datalist en option.
maxlength=	Bepaald de maximale invoerlengte, maximaal aantal karakters.
name=	Naam van het invulveld.
pattern=	Door een pattern op te geven, wordt er een validatie op het veld uitgevoerd. D.m.v. title kan de foutmelding worden weergegeven.
placeholder=	Informatietekst in het invulveld.
readonly	Veld is niet te wijzigen.
required	Verplicht veld.
size=	Breedte van het invulveld.
title=	Extra informatie die zichtbaar wordt als je de aanwijzer op het invulvlak laat staan.
value=	Standaard waarde in een veld.