javascript - 按 T​​ab 键转到选择框

标签 javascript html css

我有一个文本框,后面跟着一个选择框,当我在文本框上按“tab”时,它不会转到选择框。如何让它进入选择框?是否需要使用 javascript 的解决方案?有没有不使用 javascript 的解决方法?

编辑:

<html>
<input type="text" tabindex="1" />
<select tabindex="2" >
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="mercedes">Mercedes</option>
  <option value="audi">Audi</option>
</select>
</html>

我尝试了 firefox 上的选择框,但失败了。它可以在 Firefox 上运行吗?是因为macos的问题吗?文本框看起来没问题。

最佳答案

使用 html tabindex 属性: http://reference.sitepoint.com/html/a/tabindex

tabindex 用于定义用户使用 Tab 键浏览页面时遵循的顺序。默认情况下,自然 Tab 键顺序将与标记中的源代码顺序相匹配。在某些情况下,可能需要覆盖默认的 Tab 键顺序...

tabindex 可以从 0 开始并以任何值递增。因此,序列 1、2、3、4、5 就可以了,10、20、30、40、50.... 也可以。

关于javascript - 按 T​​ab 键转到选择框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3710370/

相关文章:

html - 通过 css 重新排序元素

HTML DIV 高度冲突

javascript - .preventDefault() 无法正常工作。 ('input', 函数{})

css - fieldset firefox 溢出 CSS 修复

javascript - 使用最大原始高度的 Jquery 向下或向上滚动的每个像素减少或增加 <div> 的高度

javascript - 了解 d3.scaleQuantile() 的 choropleth map

javascript - 不同对象之间递归并唯一地组合它们,不重复

css - Opera 的文本对齐中心 - css

jquery - 如何在页面中居中 <ul> ?

javascript - 如何在类中正确定义抽象方法,如果未实现抽象方法,IDE 会提示?