Быстрая передача фокуса элементам формы
В каждый момент времени в форме может быть активным только один элемент. Говорят, что этому элементу передан фокус.
Самый простой способ переключения между элементами формы (передачи фокуса) обеспечивает мышь. Но, если пользователю нужно ввести информацию в несколько текстовых полей подряд, то для перехода в следующее поле ему неудобно бросать клавиатуру, браться за мышку, а потом вновь возвращаться к клавиатуре для ввода.
а) Управление порядком просмотра элементов в форме.
В формах предусмотрена возможность передачи последовательной фокуса элементам с помощью клавиш Tab (вперед) и Shift+Tab (назад).
По умолчанию порядок элементов при просмотре совпадает с порядком описания элементов в документе: при первом нажатии Tab фокус будет передан первому элементу, при втором —второму, и т.д.
Расположение элементов на экране не всегда совпадает с порядком их описания. Поэтому возникает необходимость вручную упорядочить элементы так, как это удобно для работы. Это делается добавлением в элементы формы атрибута tabindex. значения которого упорядочивают передачу фокуса по возрастанию (при равных значениях атрибута у нескольких элементов используется обычный порядок их описания).
б) Использование горячих клавиш.
Чтобы непосредственно обратиться к некоторому элементу формы, не перебирая остальные, можно использовать клавиши быстрого доступа (hotkeys, "горячие" клавиши).
Для этого в элементы формы добавляются атрибуты accesskey (англ. клавиша доступа). Значением этого атрибута является одна буква, которая назначает клавишу, которая будет использоваться для быстрого доступа. Например, accesskey="a" (регистр буквы роли не играет).
Спецификация HTML предполагала, что для доступа по горячим клавишам будет применяться комбинация типа Alt + буква. Этот способ реализован в браузерах Internet Explorer и Chrome.
Но, так как современные браузеры имеют большие наборы собственных"горячих" клавиш, то для быстрого доступа к элементам веб-страниц некоторые из них реализуют собственные решения.
Например, в браузере Opera нужно сначала вызвать список "горячих" клавиш, определенных для данной веб-страницы (Shift+Esc), а затем нажать нужную букву. Причем, чтобы из списка понять назначение каждой буквы, нужно еще добавить в элемент формы атрибут title с описанием назначения поля (это станет также всплывающей подсказкой).
Чтобы пользователю были известны клавиши быстрого доступа, соответствующие буквы могут быть выделены в текстовых метках соответствующих полей.
В браузере Firefox доступ тоже нестандартный, но проще – Alt+Shift+буква.
Контрольные вопросы
Какой атрибут необходимо применить, если нужно выронить содержимое ячейки по центру?
Какой тег, кроме <Table>, используется для разметки веб-страницы?
Перечислите основные атрибуты тега <tr>?
В чем состоит различие тегов <td> и <th>?
С помощью каких атрибутов тегов <td> и <tr> можно объединять соседние ячейки?