Easy Tutorial
❮ Jsref Setseconds Met Canvas Scale ❯

HTML DOM Input Date Object


Input Date Object

The Input Date object represents an HTML <input> element with the type="date" attribute.

Note: Internet Explorer 11 and earlier versions do not support the <input> element with the type="date" attribute.

Accessing the Input Date Object

You can access an <input> element with the type="date" attribute using the getElementById() function:

Tip: You can also access the Input Date object through the form's elements collection.

Creating an Input Date Object

You can create an <input> element with the type="date" attribute using the document.createElement() method:

Input Date Object Properties

Property Description
autocomplete Sets or returns the autocomplete attribute value of the date field
autofocus Sets or returns whether the date field should automatically get focus when the page loads
defaultValue Sets or returns the default value of the date field
disabled Sets or returns whether the date field is available
form Returns a reference to the form that contains the date field
list Returns a reference to the datalist that contains the date field
max Sets or returns the max attribute value of the date field
min Sets or returns the min attribute value of the date field
name Sets or returns the name attribute value of the date field
readOnly Sets or returns whether the date field is read-only
required Sets or returns whether the date field is required in the form
step Sets or returns the step attribute value of the date field
type Returns the form type of the date field
value Sets or returns the value attribute value of the date field

Standard Properties and Events

The Input Date object also supports standard properties and events.


Related Articles

HTML Tutorial: HTML Forms

HTML Reference: HTML <input> Tag

HTML Reference: HTML <input> type Attribute

❮ Jsref Setseconds Met Canvas Scale ❯