html focus 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: html prevent focus on input

<input type="text" id="yourID" value="test" readonly="readonly" /> 

You can change it in javascript with : 

document.getElementById("yourID").readOnly = false; //This enables the possibility to focus

Example 3: input outline focus

input:focus, textarea:focus {
    background-color: #FFFF66;
    border: 1px solid #F47E58;
}

Example 4: focus on input

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

Example 5: focus on input

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