How to Execute a JavaScript when an input field gets focus
A function is triggered when one of the input fields get focus. The function changes the background-color of the input field.
index.html
Example:
HTML
<!DOCTYPE html>
<html>
<body>
<p>A function is triggered when one of the input fields get focus. The function changes the background-color of the input field.</p>
First name: <input type="text" id="fname" onfocus="myFunction(this.id)"><br>
Last name: <input type="text" id="lname" onfocus="myFunction(this.id)">
<script>
function myFunction(x) {
document.getElementById(x).style.background = "yellow";
}
</script>
</body>
</html>
Output should be:
| Example of HTML onfocus Event Attribute | Form Events Attribute |
| Definition and Usage of HTML onfocus Event Attribute | Form Events Attribute |
| Browser Support of HTML onfocus Event Attribute | Form Events Attribute |
| Syntax of HTML onfocus Event Attribute | Form Events Attribute |
| Attribute Values of HTML onfocus Event Attribute | Form Events Attribute |
| Technical Details of HTML onfocus Event Attribute | Form Events Attribute |
| How to Execute a JavaScript when an input field gets focus | Form Events Attribute |
| How to use "onblur" together with the "onfocus" attribute | Form Events Attribute |
| List of Form Events Attribute | Form Events Attribute |
| What is HTML onblur Event Attribute | Form Events Attribute |
| What is HTML onchange Event Attribute | Form Events Attribute |
| What is HTML oncontextmenu Event Attribute | Form Events Attribute |
| What is HTML onfocus Event Attribute | Form Events Attribute |
| What is HTML oninput Event Attribute | Form Events Attribute |
| What is HTML oninvalid Event Attribute | Form Events Attribute |
Type: | Html |
Category: | Web Tutorial |
Sub Category: | Form Events Attribute |
Uploaded by: | Admin |