html tutorial - onfocus Attribute in HTML - html5 - html code - html form

Learn html - html tutorial - Onfocus attribute in html - html examples - html programs

The onfocus attribute is used to trigger an event when the element gets focus.
Onfocus is best often used with <input>, <select>, and <a> tags.
The onfocus attribute is a section of the Event Attributes.

Syntax for onfocus attribute in HTML:

<element onfocus="script">

Applies To:

Element	Attribute
All HTML elements	onfocus

Attribute Values:

Value	Description
script	The script can run on onfocus

Sample Coding for onfocus Attribute in HTML:

Tryit<!DOCTYPE html>
<html>
    <head>
         <title>Wikitechy onfocus attribute</title>
    </head>
    <body>
           <h2>Welcome to Wikitechy</h2>
           <p>Enter Your Name:</p>
           <input type="text" onfocus="onFocus(this)">
           <script>
           function onFocus(obj)
           {
             obj.style.background = "orange";
           }
           </script>
    </body>
</html>

Code Explanation for onfocus Attribute in HTML:

<input> tag defines an input field where the user can enter input.
The onfocus attribute is used to call onFocus () JavaScript function when the textbox gets focused.
onFocus (obj) is a JavaScript function with parameter obj which is used to change the background color as "orange" for the object.

Output for onfocus Attribute in HTML:

The output displays a textbox.

If user focus the text box, the background color of the text box will be changed into orange color.

Browser Support for onfocus Attribute in HTML:


Yes	Yes	Yes	Yes	Yes

Tips and Notes

The onfocus attribute is the opposite of the onblur attribute

PDF

Related Searches to onfocus attribute in html

onblur event in javascript onfocus jquery in html, which attribute is used to specify that an input field must be filled out? the html <canvas> element is used to: graphics defined by svg is in which format? onfocus react onfocus css html5 element for playing video files html tutorialshtml editor html code html form html tutorial html color html color codes html table html img html5 html code for website html and css html programs html website free html editor html5 tutorial wysiwyg html editor html tutorial pdf html converter php tutorial html example html tutorial css tutorial html css html tags html basics code html html online html mailto html lang html tags list