HTML5中的autofocus(全自动聚焦)特性详细介绍

日期:2021-01-20 类型:科技新闻 

关键词:自助建站,专业建站,建站网站,建站平台,网站在线制作app

这里要讲的1个简易的HTML5作用是当网页页面载入进行时让键入聚焦点全自动落到某个元素上;这个姿势用autofocus特性进行。

HTML编码十分简易:

拷贝编码
编码以下:

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

当有了autofocus特性,这些 INPUT, TEXTAREA, 或 BUTTON元素都能在网页页面载入是被选定。但假如应用纯显示信息元素,比如H1标识,autofocus特性其实不功能强大。

这个特性在一些状况下十分有效。比如谷歌的主页,人们99%的時间全是用它来检索,因此网页页面1旦载入,光标必定精准定位在键入框里。之前必须应用JavaScript才可以进行,如今彻底不必须了,html自身就可以进行。