解决input自动获取焦点的问题

如果不想让input一开始就自动获取焦点。解决方案：设置 tabindex="-1"即可

<input type="submit" name="Submit" value="提交" tabindex="-1" />

另外如果一个页面中有多个input框，默认第一个input框自动获取焦点，如果想要其他的input自动获取焦点，只需将其的tabIndex设置为最小的即可。

当浏览者浏览网站时可以通过按TAB键在网页的链接中依次移动，这是一个相当方便实用的功能。但如果网页中链接太多，恐怕按TAB键就没什么作用了，这时不妨通过改变TAB键移动的顺序来突出重点，在某些重要页面上方便访问者。

使用TABINDEX属性可以设置TAB键在链接中的移动顺序。把链接的TABINDEX属性设成1到32767的一个值，就可以把这个链接加入到 TAB键的序列中，而若把TABINDEX属性设为一个负值（如TABINDEX="-1"），那么这个链接将被排除在TAB键的序列之外。

当浏览者使用TAB键在网页链接中移动时，将首先移动到具有最小TABINDEX属性值的链接上，最后在具有最大TABINDEX属性值的链接上结束移动。如果有两个链接的TABINDEX属性相同，则以链接在html代码中出现的顺序为准。

<input type="submit" name="Submit" value="提交" tabindex="1" />
<input type="radio" name="radiobutton" value="radiobutton" tabindex="3" />
<input type="checkbox" name="checkbox" value="checkbox" tabindex="2" />

解决input自动获取焦点的问题相关推荐

input自动获取焦点弹出键盘
原文链接 <template><view><input type="search" placeholder="搜索商品" plac ...
vue input自动获取焦点的方法
在移动端输入框想自动获取焦点(自动弹出输入法) 我是在 uitls 文件下面 index.js 注册全局的指令 import Vue from 'vue' // 注册一个全局自定义指令 v-focus ...
小程序之坑---input自动获取焦点
项目:taro3+vue3+taro-ui-vue3 方法一: taro-ui-vue3的input组件的autoFocus.focus无效方法二: 原生input组件的auto-focus在这个环 ...
input自动获取焦点
转载自:https://www.cnblogs.com/zydtm/p/9140087.html 只要在该input标签后添加autofocus="autofocus"即可代码实 ...
VUE中通过JS让input自动获取焦点
适合前端初学者，vue.js完成ToDoList的增删改，支持回车提交增加，及修改时自动获取焦点
重新学习vue,将实例中的ToDoList做了些调整.增加了些功能功能: 1.添加要做事项,支持回车完成添加,也可以点击按钮添加,添加后input清空 2.待做事项,是一个有序列表 3.列表可以删除 ...
element el-input 自动获取焦点和IE下光标位置解决方法
element el-input 自动获取焦点和IE下光标位置解决方法参考文章: (1)element el-input 自动获取焦点和IE下光标位置解决方法 (2)https://www.cnbl ...
解决部分控件，自动获取焦点的情况
简单的描述一下:外层用一个大的,可滚动的view包着内容(有textview.listview.imageview等一个或多个情况下),你每次进入页面时,可能会出现顶部被拉上去了.为啥会这样呢?原因很 ...
input框自动获取焦点
fm:事情是这样的,因为是点击一个按钮然后出现一个弹出层,弹出层有个输入框,在点击弹出层的时候就自动获取焦点,使用autofocus的话,就只会在第一次点击的获取焦点,因为model没有更新,上片段 ...

解决input自动获取焦点的问题

解决input自动获取焦点的问题相关推荐

最新文章

热门文章