HTML DOM Input Month autofocus Property


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 −

1. Returning autofocus

object.autofocus

2. 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>

Output

This will produce the following output −

Click on “Disable” button to disable the autofocus on month input field.

raja
Published on 18-Jul-2019 08:53:53
Advertisements