Let Wufoo do the hard work. Sign up for a free account and start making forms the easy way.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<input autofocus type="text"> | |
Live Demo
The Low Down
The first input or textarea in source order that has the autofocus
attribute will be focused on page load.
- In browsers without
autofocus
support, no fields will be focused on page load, unless otherwise given focus with JavaScript. - Originally in the specification, the last element with the
autofocus
attribute received focus. Safari still does this. IE, Firefox, Chrome and Opera focus on the first occurence of the attribute. - Warning: this attribute will force a page scroll to the field with the
autofocus
attribute set, even within an iframe. So: know your audience, know the position of the form. - If you use a fallback, make sure to fire it on DOM ready rather than on
window.load
. Would be way jarring to have the page position jump after a user may already be interacting with the page. - It’s probably good that Mobile WebKit doesn’t support the
autofocus
attribute as the zooming/keyboard opening would be too in-your-face in most circumstances. - Recommendation: Don’t use this attribute.