HTML DOM Input Date object

Input Date-object

Het Input Date-object is een nieuw object in HTML5.

Het Input Date-object vertegenwoordigt het HTML <input type="datetime">-element.

Opmerking:Internet Explorer of Firefox ondersteunt het <input type="date">-element niet.

Toegang tot het Input Date-object

U kunt toegang krijgen tot het <input type="date">-element met de methode getElementById():

var x = document.getElementById("myDate");

Probeer het zelf uit

Hint:U kunt ook door de formulieren elements-collectieOm toegang te krijgen tot het Input Date-object.

Maak een Input Date-object aan

U kunt een <input type="date">-element aanmaken met de methode document.createElement():

var x = document.createElement("INPUT");
x.setAttribute("type", "date");

Probeer het zelf uit

Input Date object eigenschappen

Eigenschappen Beschrijving
autocomplete Stel in of retourneer de waarde van de autocomplete eigenschap van de date eigenschap.
autofocus Stel in of retourneer of de date eigenschap automatisch focus moet krijgen nadat de pagina is geladen.
defaultValue Stel in of retourneer de standaardwaarde van de date eigenschap.
disabled Stel in of retourneer of de date eigenschap is uitgeschakeld.
form Retourneer een verwijzing naar het formulier dat de date eigenschap bevat.
list Retourneer een verwijzing naar de datalist die de date eigenschap bevat.
max Stel in of retourneer de waarde van de max eigenschap van de date eigenschap.
min Stel in of retourneer de waarde van de min eigenschap van de date eigenschap.
name Stel in of retourneer de waarde van de name eigenschap van de date eigenschap.
readOnly Stel in of retourneer of de date eigenschap alleen-lezen is.
required Stel in of retourneer of de date eigenschap ingevuld moet worden voordat het formulier wordt ingediend.
step Stel in of retourneer de waarde van de step eigenschap van de date eigenschap.
type Retourneer het formulierelementtype van de date eigenschap.
value Stel in of retourneer de waarde van de date eigenschap.

Input Date object methoden

Methode Beschrijving
select() Selecteer de inhoud van het tekstveld voor de datum.
stepDown() Verlaag de waarde van het datumveld op basis van de opgegeven nummers.
stepUp() Verhoog de waarde van de datumveld op basis van de opgegeven nummers.

Standaard eigenschappen en gebeurtenissen

Input Date object ondersteunt standaardenEigenschappenenGebeurtenissen.

Gerelateerde pagina's

HTML Handleiding:HTML Formulier

HTML Referentiemanual:HTML <input> tag

HTML Referentiemanual:HTML <input> type eigenschap