Skip to content
Related Articles

Related Articles

HTML DOM Input Date list Property

Improve Article
Save Article
  • Last Updated : 31 Aug, 2022
Improve Article
Save Article

The input Date list property in HTML DOM is used to return a reference to the list element that contains an input date field.


Return value: It returns a string value that represents the value of the id attribute of the datalist element.

Example:  Below HTML code used to return the input date list property.  


<!DOCTYPE html>
    <title>Input Date list property in HTML</title>
           text-align: center;
    <h1 style="color:green">GeeksforGeeks</h1>
    <h2>Input Date list property</h2>
    <br> Date Of Birth:
    <input type="date" id="Test_Date" list="dates_list">
    <datalist id="dates_list">
        <option value="2021-02-12"/>
        <option value="2022-11-11"/>
        <option value="1999-12-21"/>
        <option value="2022-11-01"/>
        <option value="1998-02-11"/>
    <button ondblclick="My_Date()">Click Here!</button>
    <p id="test" style="font-size:20px"></p>
        function My_Date()
            var x =    document.getElementById("Test_Date");
            document.getElementById("test").innerHTML = x;



Supported Browsers:

  • Google Chrome 20
  • Edge 12
  • Mozilla Firefox 57
  • Opera 11
  • Safari 14.1

My Personal Notes arrow_drop_up
Related Articles

Start Your Coding Journey Now!