0

Javascript ボタン (実際の HTML ボタンではなく) を含む HTML フォーム (JSP を使用) を作成しようとしています。最後のタブインデックスの後にベースの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 に答える