onblur (HTML attribute)
| Version |
|---|
| HTML 4 |
| IE5.5+ | FF1+ | Saf1.3+ | Op9.2+ |
|---|---|---|---|
| Full | Full | Full | Full |
Example
In this example, the
onblur event calls a function called
validate:
<input type="text" title="Date format = DD/MM/YYYY"
onfocus="revealTitleHelp();" onblur="validate(this.value);"
name="dateofbirth"/>
Description
As with
many of the other event attributes, this is the counterpart of another
attribute: onblur is the opposite of the onfocus attribute. It captures the moment that
an element loses focus either because the user has used the
tab key to move to the next
element on the page, or has placed the cursor in another section of the
page.
onblur is most often used
with form validation code. When the user leaves a form field, the
onblur attribute is used to call a piece of script
that performs some sort of validation on the field to make sure that the
correct data was entered, rather than leaving all the validation to
execute at the form’s end.
Value
This attribute has no fixed value.
It’s up to the author to decide on the scripting that’s included here, be
that a call to one or more defined functions, or a simple
alert() statement.
Compatibility
| IE | 5.5 | Full |
|---|---|---|
| 6.0 | Full | |
| 7.0 | Full | |
| Firefox | 1.0 | Full |
| 1.5 | Full | |
| 2.0 | Full | |
| Safari | 1.3 | Full |
| 2.0 | Full | |
| 3.0 | Full | |
| Opera | 9.2 | Full |
| 9.5 | Full |
Every browser listed supports this attribute. However, it should be avoided as it encourages the mixing of content and behavior.
User-contributed notes
There are no comments yet.
Add a note
To post a note on this topic, please log in with your SitePoint username and password. If you don't have an account yet, you can create a new account for free.
