我正在尝试创建一个包含 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 按钮来实现这种行为?
谢谢。