focus html input code example

Example 1: html input autofocus

<form action="/action_page.php">
  <label for="fname">First name:</label>
  <input type="text" id="fname" name="fname" autofocus><br><br>
  <label for="lname">Last name:</label>
  <input type="text" id="lname" name="lname"><br><br>
  <input type="submit">
</form>

Example 2: focus on input

document.getElementById("myText").focus();

Example 3: focus on input

$("input:text:visible:first").focus();

Example 4: focus js

<input type="text" id="myTextField" value="Text field.">
<p></p>
<button type="button" onclick="focusMethod()">Click me to focus on the text field!</button>

Tags:

Html Example