Question

我正在尝试创建一个包含Javascript按钮（而不是实际的HTML按钮）的HTML表单（使用JSP）。一切都很好，除了我在最后一个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，AREA，BUTTON，INPUT，OBJECT，SELECT和TEXTAREA） - 因此，＃tabuedex = '18'的规范对于#continueButton不会工作。所需的行为是，在标签到“ownerPostalCodeFour”字段后，用户可以选择#continueButton，就像使用普通按钮一样。

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

感谢。

Answer 1

不确定您支持哪些浏览器，但tabindex="0"适用于最新的webkit / Firefox / IE。从可访问性的角度来看，使用跨度不是最佳。为什么不至少使用<a>代码？

选项卡订购Javascript“按钮”

1 个答案: