Javascript“按钮”的选项卡顺序

我正在尝试使用JSP创建一个HTML表单，其中包含Javascript按钮，而不是实际的HTML按钮。一切都很好，除了我无法在最后一个tabindex之后使用基于Javascript的按钮

例如：

<li class="lineItem">
<f:label path="ownerPostalCode">Postal Code<em>*</em> </f:label><br />
<f:input path="ownerPostalCode" type="text" id="ownerPostalCode"
   class="required" size="15" maxlength="5" value="" tabindex="16" />
</li>
<li class="lineItem">
  <f:label path="ownerPostalCodeFour">+4</f:label><br />
  <f:input path="ownerPostalCodeFour" type="text" 
   id="ownerPostalCodeFour" size="5" maxlength="5" value="" tabindex="17"/>
</li>
<span class="buttonRow">
  <span class="clearButton" onclick="resetFields
    ('registrationForm', 'ownerInfoSection')">Clear Fields</span>
  <span id="continueButton" class="greenButton" tabindex="18" 
    onclick="stepOneToStepTwo()">Continue</span>
  </span>
</span>

我知道tabindex只适用于某些输入字段A、区域、按钮、输入、对象、选择和文本区域，因此，为continueButton指定tabindex='18'是不起作用的。所需的行为是，在切换到ownerPostalCodeFour字段后，用户可以像使用普通按钮一样切换到continueButton

这到底是可能的还是我被迫使用标准的HTML按钮来实现这种行为

---

谢谢。

不确定您支持哪些浏览器，但tabindex=0适用于最新的webkit/Firefox/IE。从可访问性的角度来看，使用spans并不是最理想的。为什么不至少使用一个标签？

标签绝对是可聚焦的，当他们尖叫“单击我”时，使用标签或输入是有意义的。感谢建设性的反馈，史蒂夫。目前，我们正在计划支持最新的Firefox版本4/5。没有考虑可访问性，这是我忽略的一个好观点。我忘了提到的另一件事是，这是一个多页表单，实际上只是一个基于两个大部分划分的物理HTML表单，这就是为什么我不使用标准按钮元素的原因，因为我无法实现我所追求的UI效果，尽管我缺乏web开发知识可能是错误的，如果这是错误的。我将尝试一下这些标记，并让您知道结果如何。DFU，或者更确切地说，是DFP程序员的疏忽。这个问题很简单，就是按照詹姆斯的建议来解决的，他建议人们按照应该使用的东西来使用。很抱歉，你为什么用javascript按钮而不是普通按钮呢？可能有一种方法可以解决这个问题，即使用设计为使用的元素。