Архитектура Аудит Военная наука Иностранные языки Медицина Металлургия Метрология
Образование Политология Производство Психология Стандартизация Технологии


Атрибуты accesskey и tabindex



Чтобы элемент управления формы можно было использовать, он должен быть выбран и активизирован. Такое состояние называется получением фокуса. Рассматриваемые атрибуты перемещают фокус на элемент формы без использования традиционного метода, связанного с наведением курсора мыши и щелчком. Пользователь может применять эти методы для перемещения по форме.

Атрибут accesskey указывает символ, который можно использовать как клавиатурный «ярлык» элемента. Когда клавиша нажата, фокус передается в соответствующий элемент управления формы.

Еще один метод перемещения фокуса по полям формы – это нажатие клавиши Tab, которое переводит фокус от одного поля к другому. По умолчанию браузеры, которые поддерживают данную функциональность, будут переводить фокус в том порядке, в каком поля находятся в документе. Если вы хотите изменить порядок перевода фокуса, используйте атрибут tabindex. Элементы с нулевым значением tabindex получают фокус после элементов с положительными значениями. Элементы с отрицательными значениями tabindex не получают фокус при нажатии клавиши Tab. Отключенные элементы также не могут получать фокус.

Пример.

Address < input type=" text" name=" address" tabindex=" 1" />

Zip code < input type=" text" name=" zip" tabindex=" 3" accesskey=" t" />

Phone number < input type=" text" name=" phone" tabindex=" 2" />

 

Список предопределенных вариантов < datalist> < /datalist>

HTML тег < datalist> определяет список предопределенных вариантов элемента < input>, которые можно выбирать при наборе в текстовом поле.

Тег < datalist> используется обычно для " автозаполнения". Изначально этот список скрыт и становится доступным при получении полем фокуса (см. рисунок 22). Атрибут list тега < input /> указывает на функциональную связь между тегами < input /> и < datalist>.

Пример.

< input list=" computers" /> < datalist id=" computers" > < option value=" sony" /> < option value=" toshiba" /> < option value=" asus" /> < option value=" acer" /> < /datalist> Рисунок 22 – Список вариантов

Генерация ключей для формы

Тег < keygen> используется для генерации пары ключей — закрытого и открытого - для форм. Сами ключи необходимы для шифрования и расшифровки данных. При отправке формы, закрытый ключ сохраняется на локальном компьютере, а открытый ключ передается на сервер вместе с формой.

Атрибут challenge определяет строку вызова, которая отправляется вместе с открытым ключом. Если атрибут не задан, то по умолчанию используется пустая строка. Атрибут keytype указывает тип создаваемого ключа и используется только совместно с атрибутами name и challenge. Значения атрибута:

· rsa - алгоритм безопасности RSA, пользователю может быть предоставлен выбор между высокой и средней степенью защиты (значение по умолчанию).

· dsa - алгоритм безопасности DSA, пользователю может быть предоставлен выбор размера ключа.

· ec - алгоритм безопасности EC, пользователю может быть предоставлен выбор между высокой и средней степенью защиты.

Пример.

< form action=" demo_keygen.asp" method=" get" >

Имя пользователя: < input type=" text" name=" usr_name" >

Шифрование: < keygen name=" защита" keytype=" dsa" challenge=" my_key" >

< input type=" submit" >

< /form>

Результат выполнения кода в окне браузера можно видеть на рисунке 23.

Рисунок 23 – Выбор шифрования

Мера в пределах диапазона

Тег < meter> представляет собой скалярную меру в пределах известного диапазона или дробную величину. Например, можно показать с его помощью объем занятого дискового пространства или количество участников опроса из общего числа респондентов.

Тег < meter> имеет обязательный атрибут value. Из необязательных атрибутов стоит обратить внимание на min и max, если они отсутствуют, то подразумевается диапазон от 0 до 1. Элемент < meter> не предназначен для обозначения индикатора прогресса.

Атрибут high определяет диапазон, при достижении которого значение считается высоким (отображается другим цветом). В качестве значения выступает число, которое должно быть меньше, чем значение атрибута max и больше значений атрибутов low и min. Если атрибут high не установлен, то высокое значение будет равно максимальному.

Атрибут low определяет диапазон, при достижении которого значение считается низким (отображается другим цветом). В качестве значения выступает число, которое должно быть больше, чем значение атрибута min и меньше значений атрибутов high и max. Если атрибут low не установлен, то низкое значение будет равно минимальному.

Атрибут optimum определяет оптимальное числовое значение, которое должно входить в пределы диапазона, определяемого атрибутами min и max.

Атрибут value указывает текущее числовое значение, которое должно входить в пределы диапазона, определяемого атрибутами min и max.

Пример.

< meter value=" 2" min=" 0" max=" 10" high=" 7" low=" 2" > 2 из 10< /meter> < br>

< meter value=" 0.6" > 60%< /meter>

Результат выполнения кода виден на рисунке 24.

Рисунок 24 – Меры в заданном диапазоне


Поделиться:



Популярное:

Последнее изменение этой страницы: 2017-03-09; Просмотров: 581; Нарушение авторского права страницы


lektsia.com 2007 - 2024 год. Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав! (0.011 с.)
Главная | Случайная страница | Обратная связь