We value your privacy

We and our third party partners may use cookies and similar technologies on this site to analyze usage, optimize our services, personalize content, tailor and measure ads and keep this site secure. Privacy Notice Cookies Notice
en
Cloud Cloud Cloud Cloud

The autofocus Attribute

The Current State of HTML5 Forms

Let Wufoo do the hard work. Sign up for a free account and start making forms the easy way.

<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 autofocusattribute 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 onwindow.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 autofocusattribute as the zooming/keyboard opening would be too in-your-face in most circumstances.
  • Recommendation: Don’t use this attribute.
Cloud Cloud Cloud Cloud

Let Wufoo do the hard work.

Sign up for a free account and start making forms the easy way.