如何用HTML实现Tab键跳过特定输入组且组内可切换焦点？

你的需求是让一组不常用输入框默认被Tab键跳过，但焦点进入组内后，Tab可在组内输入框间切换——这种动态焦点控制逻辑超出了纯HTML的能力范围，必须借助JavaScript实现。

纯HTML的局限性 #

HTML的tabindex属性只能静态定义元素的可聚焦规则：

• tabindex="-1"：元素无法通过Tab键聚焦，但可通过点击/JS手动聚焦；手动聚焦后按Tab，会直接跳出该元素，无法在同组其他tabindex="-1"的输入框间切换。
• tabindex="0"（默认值）：元素会被纳入Tab键的聚焦顺序，无法实现"默认跳过"的效果。

你最初的尝试中，给包裹div设tabindex="-1"，但内部input默认tabindex=0，所以Tab仍会遍历这些输入框；如果给组内所有input设tabindex="-1"，虽然默认被Tab跳过，但手动聚焦后也无法用Tab在组内切换，都不符合需求。

你补充的JS代码的实现逻辑 #

这段代码通过动态修改tabindex值实现了需求：

1. 给组容器（fieldset.focusgroup）设置tabindex="0"，让它能被Tab键聚焦；
2. 当聚焦到容器并按下Enter时，将组内所有input的tabindex改为0，允许Tab键在组内切换焦点；
3. 当焦点完全离开整个组时，把input的tabindex改回-1，恢复默认被Tab跳过的状态。

这种根据当前焦点位置动态调整元素可聚焦性的逻辑，是纯HTML无法完成的，必须依赖JavaScript的事件监听和DOM操作。

内容的提问来源于stack exchange，提问作者Liero