Introduction to the use of HTML5 autofocus attribute_html5 tutorial skills

Original text: HTML5 autofocus Attribut
Original publication time: August 27, 2012
Translation time: August 6, 2013
HTML5 has launched a lot of wonderful features Something for us.
In the past we had to use JavaScript and Flash to complete tasks, such as form validation, input box blank prompts (INPUT placeholders), client side file upload and download (client side file naming) , as well as audio/video playback, can now be accomplished with basic HTML. Another simple HTML feature now allows us to automatically set input focus to the desired element after the page has finished loading, via an attribute called autofocus.
The code is as simple as:

Copy the code

The code is as follows:

Hi!

When the autofocus attribute is set, the input, textarea, and button elements will be automatically selected after the page is loaded. (That is, getting focus). I tried other elements (such as h1 tags), tabIndex=0, but the autofocus attribute has no effect at all on these elements.
This attribute is useful on pages whose main purpose is collecting information, such as the Google homepage (99% of the time it is used for search) or online installation wizards (such as WordPress's installer) .And the most important thing is - no JavaScript is required.
The complete page code is as follows:

Copy the code

The code is as follows:

Hi!