0

我正在尝试创建一个包含 Javascript 按钮(而不是实际的 HTML 按钮)的 HTML 表单(使用 JSP)。一切都很好,除了我无法在最后一个 tabindex 之后使用 --based 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)——因此,#continueButton 的“tabindex='18'”规范不起作用。期望的行为是,在切换到“ownerPostalCodeFour”字段后,用户可以像使用普通按钮一样切换到#continueButton。

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

谢谢。

4

1 回答 1

1

不确定您支持哪些浏览器,但tabindex="0"可以在最新的 webkit/Firefox/IE 中使用。从可访问性的角度来看,使用跨度并不是最佳的。为什么不至少使用<a>标签?

于 2011-08-12T04:14:39.683 回答