Атрибут tabindex

Используя клавишу «Tab» на клавиатуре, пользователь может переключаться с одного поля формы на другое. 

По различным причинам компоновки полученный таким образом порядок может не соответствовать желаемому. Благодаря атрибуту tabindex, который применяется к полям модулей, можно указать, в каком порядке должен происходить переход из одного поля в другое. Значение этого атрибута может варьироваться от 0 до 32767. Давайте рассмотрим пример:

<form action="data user">
<legend>Пользовательские данные</ ​​legend>
  <table width = "300" border="1" cellspacing="0" cellpadding="5">
   <tr>
    <td>
     <label> Имя:
      <input tabindex="1" name="name" type="text" Size="30" maxlength="30" />
     </label>
    </td>
    <td>
     <label> Профессия:
      <input tabindex="3" name="профессия" type="text size="30" Maxlength ="100" />
     </label>
    </td>
   </tr>
   <tr>
    <td>
     <label> Фамилия:
      <input tabindex="2" name="фамилия" type="text" size = "30" maxlength ="30" />
     </label>
    </td>
    <td> </td>
   </tr>
  </table> 
</form>

как видите, при вводе клавиши «tab» порядок перехода из одного поля в другое не соответствует указанному в HTML, а изменяется в соответствии со значением «tabindex» .

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *