HTML5里autofocus全自动聚焦特性应用详细介绍

2021-02-27 10:57 jianzhan

HTML5给大家带来了1大堆奇异的物品。之前必须用JavaScript和Flash进行的每日任务,比如表单校检,INPUT placeholders , 顾客端重取名免费下载文档和声频/视頻,这些都可以以应用基础的HTML进行。这里要讲的1个简易的HTML5作用是当网页页面载入进行时让键入聚焦点全自动落到某个元素上;这个姿势用autofocus特性进行。

HTML编码十分简易:

XML/HTML Code拷贝內容到剪贴板
  1. <!-- These all work! -->  
  2. <input autofocus="autofocus" />  
  3. <button autofocus="autofocus">Hi!</button>  
  4. <textarea autofocus="autofocus"></textarea>  

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

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

以上便是本文的所有內容,期待对大伙儿的学习培训有一定的协助,也期待大伙儿多多适用脚本制作之家。