Introduction to the autofocus attribute in HTML5_html5 tutorial skills

A simple HTML5 function to be discussed here is to allow the input focus to automatically fall on an element when the page is loaded; this action is completed using the autofocus attribute.

HTML code is very simple:

Copy the code

The code is as follows:

< ;!-- These all work! -->

Hi!
< ;textarea autofocus="autofocus">

With the autofocus attribute, these INPUT, TEXTAREA, or BUTTON elements can be selected when the page loads. But if you use pure display elements, such as H1 tags, the autofocus attribute is not easy to use.

This property can be very useful in certain situations. For example, Google's homepage is where people use it to search 99% of the time, so once the page is loaded, the cursor must be positioned in the input box. In the past, JavaScript was needed to complete it, but now it is no longer necessary, HTML can complete it by itself.