html focus code example

Example 1: set focus javascript

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

Example 2: focus js

focusMethod = function getFocus() {          
  document.getElementById("myButton").focus();
}

Example 3: focus js

focusMethod = function getFocus() {           
  document.getElementById("myTextField").focus();
}

Example 4: css focus change color

<style>
.dabutton:focus {
    background-color:yellow;
}
</style>
<button class="dabutton"></button> // <-- usage

Example 5: 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