input自动获取焦点的方法autofocus,实例在线编辑

autofocus属性描述

HTML的表单中的input可以通过autofocus属性来设置页面加载完成之后自动获取焦点,就是输入的游标自动聚焦在设置了autofocus属性的输入框之中。


autofocus属性使用场景

有很多平台的用户注册和登录界面中的输入框经常会自动获取焦点。


autofocus属性实例代码,及在线编辑器

<form>
  <input type='text' autofocus>
</form>

示例


代码解析

如上代码,因为本站的HTML+CSS+JS在线编辑器的设计是从当前的站点弹出的设计,并不是另外加载一个页面的设计,这当中自然有些许好处的地方,但也因此会省略掉一些功能,比如当需要在页面加载完成时触发的HTML功能可能就无法完成了,所以这边另外在页面中写了个示例,完全是按实例中的代码,为了更好地展示input输入框的autofocus属性。



全栈前端 / HTML教程 :


















Copyright © 2022-2024 笨鸟工具 x1y1z1.com All Rights Reserved.