HTML DOM Input Month autofocus Property

HTML Web Development Front End Technology

The HTML DOM input month autofocus property returns and modify whether the input month field should get focused or not when page load.

Syntax

Following is the syntax −

Returning autofocus

object.autofocus

Modifying autofocus

object.autofocus = true | false

Example

Let us see an example of HTML DOM input month autofocus property −

Live Demo

<!DOCTYPE html>
<html>
<head>
<title>HTML DOM autofocus property</title>
<style>
   body{
      text-align:center;
   }

   p{
      font-size:1.5rem;
      color:#ff8741;
   }

   input{}

   button{
      background-color:#db133a;
      color:#fff;
      padding:8px;
      border:none;
      width:120px;
      margin:0.5rem;
      border-radius:50px;
      outline:none;
      cursor:pointer;
   }
</style>
</head>
<body>
<h1>autofocus Property Example</h1>
<p>Hi! click on disable button to disable autofocus</p>
<input type="month" autofocus value="2019-03">
<br>
<button onclick="disable()">Disable</button>
   <script>
      function disable() {
         document.querySelector("input").autofocus = false;
      }
   </script>
</body>
</html>