Detailed explanation of the use of autofocus attribute in HTML5

This article mainly introduces in detail how to use the autofocus attribute in HTML5. Interested friends can refer to

HTML5 Brought us a whole bunch of amazing stuff. Tasks that previously required

JavaScript and Flash, such as form validation, INPUT placeholders, client renaming of downloaded files and audio/video, can all be done Done using basic HTML. A simple HTML5 function to be discussed here is to let the input focus automatically fall on an element when the page is loaded; this action is completed using the autofocus attribute.

The HTML code is very simple:

XML/HTML Code复制内容到剪贴板
<!-- 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 is loaded. 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 used 99% of the time to search for

, 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 needed, html can complete it by itself.

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