HTML DOM Input Datetime autofocus Property

HTML Web Development Front End Technology

The HTML DOM Input Datetime autofocus property sets/returns whether Input Datetime is focused upon initial page load.

Syntax

Following is the syntax −

Returning boolean value - true/false

inputDatetimeObject.autofocus

Setting autofocus to booleanValue

inputDatetimeObject.autofocus = booleanValue

Boolean Values

Here, “booleanValue” can be the following −

booleanValue	Details
true	It defines that input will be autofocused on page load.
false	It is the default value and input is not autofocused.

Example

Let us see an example of Input Datetime autofocus property −

Live Demo

<!DOCTYPE html>
<html>
<head>
<title>Input Datetime Autofocus</title>
</head>
<body>
Date & Time: <input type="datetime" id="Datetime" value="1998-04-09T12:48IST" autofocus>
<button onclick="removeAutoFocus()">Remove Auto Focus</button>
<div id="divDisplay"></div>
<script>
   var divDisplay = document.getElementById("divDisplay");
   var inputDatetime = document.getElementById("Datetime");
   divDisplay.textContent = 'Autofocus: '+inputDatetime.autofocus function removeAutoFocus() {
      if(inputDatetime.autofocus == true){
         inputDatetime.autofocus = false;
         divDisplay.textContent = 'Autofocus: '+inputDatetime.autofocus
      }
   }
</script>
</body>
</html>

Output

This will produce the following output −

Before clicking ’Remove Auto Focus’ button −

After clicking ‘Remove Auto Focus’ button −

AmitDiwan

Updated on: 30-Jul-2019

79 Views

Kickstart Your Career

Get certified by completing the course

Get Started