The Current State of HTML5 Forms

The autofocus Attribute

<input autofocus type="text">

Live Demo


Firefox
4+
Safari
5+
Safari Mobile
5-
Chrome
6+
Opera
11+
IE
10+
Android
3+
Supported Supported No support Supported Supported Supported Supported

Supported Browser Screenshots

Safari 5

Unsupported Browser Screenshots

Firefox 3.6

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.