HTML onfocus Event Attribute

HTML Event Attributes HTML Event Attributes

Example

Execute a JavaScript when an input field gets focus:

<input type="text" id="fname" onfocus="myFunction(this.id)">

Try it yourself »

More "Try it Yourself" examples below.


Definition and Usage

The onfocus attribute fires the moment that the element gets focus.

Onfocus is most often used with <input>, <select>, and <a>.

Tip: The onfocus attribute is the opposite of the onblur attribute.


Browser Support

Event Attribute
onfocus Yes Yes Yes Yes Yes


Differences Between HTML 4.01 and HTML5

None.


Syntax

<element onfocus="script">

Attribute Values

Value Description
script The script to be run on onfocus

Technical Details

Supported HTML tags: All HTML elements, EXCEPT: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style>, and <title>


Examples

More Examples

Example

Using "onblur" together with the "onfocus" attribute:

<input type="text" onfocus="focusFunction()" onblur="blurFunction()">

Try it yourself »


Related Pages

HTML DOM reference: onfocus event


HTML Event Attributes HTML Event Attributes

Color Picker

colorpicker