input自动获取焦点的方法autofocus,实例在线编辑
autofocus属性描述
HTML的表单中的input可以通过autofocus属性来设置页面加载完成之后自动获取焦点,就是输入的游标自动聚焦在设置了autofocus属性的输入框之中。
autofocus属性使用场景
有很多平台的用户注册和登录界面中的输入框经常会自动获取焦点。
autofocus属性实例代码,及在线编辑器
<form>
<input type='text' autofocus>
</form>
示例
代码解析
如上代码,因为本站的HTML+CSS+JS在线编辑器的设计是从当前的站点弹出的设计,并不是另外加载一个页面的设计,这当中自然有些许好处的地方,但也因此会省略掉一些功能,比如当需要在页面加载完成时触发的HTML功能可能就无法完成了,所以这边另外在页面中写了个示例,完全是按实例中的代码,为了更好地展示input输入框的autofocus属性。