【问题标题】:Tab is not working properly in Internet Explorer选项卡在 Internet Explorer 中无法正常工作
【发布时间】:2020-02-11 22:28:40
【问题描述】:

在下图中

当我使用密码输入框中的标签按钮时,

如果我再次使用选项卡按钮,它会转到令牌代码输入框,它应该会取消,但它会转到右侧的图像。 我只在 Internet Explorer 中遇到这个问题。请建议我该怎么做?

【问题讨论】:

  • 您是否尝试过为输入标签使用tabIndex 属性?

标签: html css internet-explorer tabs


【解决方案1】:

您可以使用tabindex 设置标签元素的顺序,如下所示:

Field 1 (first tab selection):
<input type="text" name="field1" tabindex="1" /><br />
Field 2 (third tab selection):
<input type="text" name="field2" tabindex="3" /><br /> 
Field 3 (second tab selection):
<input type="text" name="field3" tabindex="2" /><br />

【讨论】:

  • 为什么不呢? caniuse.com/#search=tabindex IE7 支持。你也必须为你的图片添加一个 tabindex
  • 图片的tabindex将是负值?
  • 当你给出一个负的tabindex时,你的元素将是可聚焦的,但不能通过键盘到达!如果这是你想要的,你可以做到!