仅在 2 个表单元素之间的 tabindex答案

【问题标题】：tabindex between 2 form elements ONLY仅在 2 个表单元素之间的 tabindex
【发布时间】：2014-06-26 14:49:18
【问题描述】：

是否可以设置 tabindex 以便通过按 TAB 我可以在 2 个表单输入字段之间来回切换？如果没有，有没有其他方法可以只用键盘在这两个字段之间切换？

【问题讨论】：

将shift-tab与tab结合使用

标签： html

【解决方案1】：

这在 HTML 中是不可能的，因为浏览器可能并且实际上确实有以跳位顺序排列的页面内容之外的项目。通常，至少地址栏会出现在那里。

用 JavaScript 显然也不可能，除非有一个技巧：插入一个虚拟的第三个输入字段，使其在聚焦时将焦点转移到第一个字段，并将虚拟字段定位在屏幕外（使用定位；使用 @ 987654322@ 不起作用，因为它无法聚焦）。示例：

:focus {
  background: yellow
}


/* just to show where the focus is */

<input tabIndex=1 id=first>
<input tabIndex=2>
<input tabIndex=3 onfocus="document.getElementById('first').focus()" style="position: relative; left: -100000px">

【讨论】：

仅供参考：它不考虑 Shift + tab，也许你应该喜欢我的回答 es.stackoverflow.com/a/232794/342

【解决方案2】：

Shift + tab 让你回到上一个“TAB 索引”，只有 TAB 让你进入下一个索引，我认为没有一种方法可以“循环”通过 2 索引

【讨论】：