pcolpa.nl
pcolpa.nl
Menu

HTML

Input tag

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

Type inputvelden

TypeUitleg
buttonKnop.
checkboxCheckbox.
colorColor picker, kleuren kiezer.
dateDatum met kalender.
datetime-localDatum met kalender en tijd (wordt door veel browsers niet ondersteund).
emailAlleen een e-mailadres is toegestaan. Om meerdere e-mailadressen toe te staan (gescheiden door een komma) moet de optie multiple toegevoegd worden.
fileBestand uploaden. Om meerdere bestanden te uploaden (met één invulveld) moet de optie multiple toegevoegd worden.
hiddenVerborgen, niet zichtbaar veld.
imageKnop 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">
monthMaand (volledig uitgeschreven) en jaar, met kalender (wordt door veel browsers niet ondersteund).
numberGeeft 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">
passwordVoor paswoorden. Toont geen invoer, alleen bolletjes.
radioGeeft radio-buttons. Door meerdere radio-buttons dezelfde naam te geven, worden deze gegroepeerd tot één groep.
rangeEen 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">
resetEen reset-knop, waardoor het formulier leeg gemaakt wordt.
textDit is de standaard. Het geeft een tekst-veld.
timeGeeft een specifiek veld om een tijd in te voeren.
weekWeeknummer en jaar (wordt door veel browsers niet ondersteund).

Attributen

AttribuutUitleg
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
autofocusHet veld met de optie autofocus wordt geselecteerd bij het openen van de web-pagina.
checkedHet veld met de optie checked wordt standaard aangevinkt.
disabledHet 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.
readonlyVeld is niet te wijzigen.
requiredVerplicht 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.


Reclame
Scouting Impeesa Zoetermeer

Jumping-Fitness Vanessa
Vanessa