Упорядочивание вкладок для Javascript "Кнопки" - PullRequest
Новая
       7

Упорядочивание вкладок для Javascript "Кнопки"

0 голосов
/ 12 августа 2011

Я пытаюсь создать HTML-форму (используя JSP), которая содержит кнопки Javascript (а не реальные кнопки HTML). Все прекрасно работает, за исключением того, что я не могу перейти на кнопку Javascript на основе после последнего tabindex.

Например: 

<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) - поэтому спецификация "tabindex = '18 '" для #continueButton не делает' т работа. Желаемое поведение заключается в том, что после перехода на вкладку в поле ownerPostalCodeFour пользователь может переходить на #continueButton так же, как и с помощью обычной кнопки.

Возможно ли это вообще или я вынужден использовать стандартные кнопки HTML для достижения этой цели?

Спасибо.

1 Ответ

1 голос
/ 12 августа 2011

Не уверен, какие браузеры вы поддерживаете, но tabindex="0" работает в последней версии webkit / Firefox / IE. Однако с точки зрения доступности использование диапазонов не является оптимальным. Почему бы хотя бы не использовать тег <a>?

...