Open In App

HTML | DOM Input Datetime autofocus Property

Last Updated : 28 Jun, 2022
Improve
Improve
Like Article
Like
Save
Share
Report

The Datetime autofocus property is used to set or return the autofocus of Datetime field. The Datetime autofocus property returns true if the datetime field automatically gets focus when the page loads, else it returns false. 
The HTML autofocus attribute is reflected by the Datetime autofocus property.
Syntax: 
 

  • Returning the autofocus property: 
     
datetimeObject.autofocus
  • Setting the autofocus property:
datetimeObject.autofocus = true|false

Property Value: 
 

  • true|false: It is used to specify whether a datetime field should get focus when the page loads, or not. It is false by default.

Return Values: It returns a Boolean value which specify that the Datetime field is autofocus or not. 

Below program illustrates the Datetime autofocus property: 
Example: Finding out if a DateTime field automatically gets focus upon page load. 

html




<!DOCTYPE html>
<html>
 
<head>
    <title>
      Input Datetime autofocus Property in HTML
  </title>
    <style>
        h1 {
            color: green;
        }
         
        h2 {
            font-family: Impact;
        }
         
        body {
            text-align: center;
        }
    </style>
</head>
 
<body>
 
    <h1>GeeksforGeeks</h1>
    <h2>Input Datetime autofocus Property</h2>
    <br>
 
    <input type="datetime"
           id="test_Datetime"
           autofocus>
 
     
 
 
 
<p>To find out whether the date time field automatically
      gets focus on page load or not,
      double click the "Check" button.</p>
 
 
 
 
 
    <button ondblclick="My_Datetime()">
      Check
  </button>
 
    <p id="test">
  </p>
 
 
 
 
 
    <script>
        function My_Datetime() {
           
            // Return the Datetime autofocus
            // property Value.
            var d =
             document.getElementById(
              "test_Datetime").autofocus;
           
            document.getElementById("test").innerHTML = d;
        }
    </script>
 
</body>
 
</html>


Output: 
Before:

After:
 

Example-2: Below code sets the autofocus property. 

HTML




<!DOCTYPE html>
<html>
 
<head>
    <title>
        HTML DOM Input Datetime autofocus Property
    </title>
     
    <style>
        h1 {
            color: green;
        }
         
        h2 {
            font-family: Impact;
        }
         
        body {
            text-align: center;
        }
    </style>
</head>
 
<body>
    <h1>GeeksforGeeks</h1>
     
    <h2>
        HTML DOM Input Datetime autofocus Property
    </h2>
 
    <input type="datetime"
        id="test" autofocus>
 
     
 
 
 
<p>Double Click to set the autofocus Property.</p>
 
 
 
 
 
    <button ondblclick="Access()">set autofocus</button>
 
    <p id="check"></p>
 
 
 
 
 
    <script>
        function Access() {
             
            // Accessing input element type "Datetime"
            var a = document.getElementById(
                    "test").autofocus = "false";
             
            document.getElementById(
                    "check").innerHTML = a;
        }
    </script>
 
</body>
 
</html>


Output:
Before:

After:

Note: The <input type=”datetime”> element does not show any datetime field/calendar in any major browsers, except Safari. 

Supported Browsers : 

  • Apple Safari
  • Internet Explorer
  • Firefox
  • Google Chrome
  • Opera

 



Similar Reads

HTML | DOM Input Time autofocus Property
The DOM Input Time autofocus Property in HTML DOM is used to set or return whether the time field should automatically get focus or not when the page loads. This Property is used to reflect the HTML autofocus attribute. Syntax: It returns an autofocus Property. timeObject.autofocus It is used to set the autofocus property. timeObject.autofocus = tr
2 min read
HTML | DOM Input Date autofocus Property
The Date autofocus property is used for setting or returning whether a date field should automatically get focus when the page gets loaded, or not. It returns true if the date field automatically gets focus on the loading of the page, else it returns false. The HTML autofocus attribute is reflected by the Date autofocus property.Syntax: For returni
2 min read
HTML | DOM Input Checkbox autofocus Property
The DOM Input Checkbox Property is used to set or return whether the element should get focus when the page loads. This property is used to reflect the HTML autofocus attribute.Syntax: It is used to return the autofocus property. checkboxObject.autofocusIt is used to set the autofocus property. checkboxObject.autofocus = true|false Property value:
2 min read
HTML | DOM Input Email autofocus Property
The Input Email autofocus property in HTML DOM is used to set or return whether the Input Email Field should get focus when the page loads. It reflects the HTML autofocus attribute. Syntax: It returns the autofocus property.emailObject.autofocusIt is used to set the autofocus property.emailObject.autofocus = "true|false" Property Values: true: It s
2 min read
HTML | DOM Input Password autofocus Property
The DOM Input Password autofocus Property is used to set or return whether the Input Password field should get focus or not when the page loads. This Property is used to reflect the HTML autofocus attribute. Syntax: It is used to return the autofocus property.passwordObject.autofocusIt is used to set the autofocus property.passwordObject.autofocus
2 min read
HTML | DOM Input Text autofocus Property
The DOM Input Text autofocus Property in HTML DOM is used to set or return whether the Input Text Field should get focus when the page loads. It reflects the HTML autofocus attribute. Syntax: It returns the autofocus property.textObject.autofocusIt is used to set the autofocus property.textObject.autofocus = "true|false" Property Values: true: It s
2 min read
HTML | DOM Input Submit autofocus Property
The Input Submit autofocus Property in HTML DOM is used to set or return whether the Input Submit Field should get focus or not when the page loading. It reflects the HTML autofocus attribute. Syntax: It returns the autofocus property.submitObject.autofocusIt is used to set the autofocus property.submitObject.autofocus = "true|false" Property Value
2 min read
HTML | DOM Input Reset autofocus Property
The Input Reset autofocus Property in HTML DOM is used to set or return whether the Input reset Field should get focus or not when the page loads. It reflects the HTML autofocus attribute. Syntax: It returns the autofocus property.resetObject.autofocusIt is used to set the autofocus property.resetObject.autofocus = "true|false" Property Values: tru
2 min read
HTML | DOM Input Search autofocus Property
The DOM Input Search autofocus Property in HTML DOM is used to set or return whether the Input search Field should get focus or not when the page loads. It reflects the HTML autofocus attribute. Syntax: It returns the autofocus property.searchObject.autofocusIt is used to set the autofocus property.searchObject.autofocus = "true|false" Property Val
2 min read
HTML | DOM Input Range autofocus Property
The DOM Input Range autofocus Property in HTML DOM is used to set or return whether the Input range Field should get focus or not when the page loads. It reflects the HTML autofocus attribute. Syntax: It returns the autofocus property. rangeObject.autofocusIt is used to set the autofocus property. rangeObject.autofocus = "true|false" Property Value
2 min read
Article Tags :