Introduction to the autofocus attribute in HTML5

This article mainly introduces the autofocus attribute in HTML5. It has a certain reference value. Now I share it with you. Friends in need can refer to it.

HTML5 brings us A whole bunch of amazing stuff. Tasks that previously needed to be completed with JavaScript and Flash, such as form validation, INPUT placeholders, client renaming of downloaded files and audio/video, can all be completed using basic HTML

Here is a simple The HTML5 function 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 code

The code is as follows:

<!-- These all work! -->
<input autofocus="autofocus" />
<button autofocus="autofocus">Hi!</button>
<textarea autofocus="autofocus"></textarea>

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 attribute is 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 required to complete it, but now it is no longer necessary, HTML can complete it by itself.

The above is the detailed content of Introduction to the autofocus attribute in HTML5. For more information, please follow other related articles on the PHP Chinese website!