HTML HTML5 XHTML ПРИМЕРЫ СПРАВОЧНИК РЕКЛАМА ГОСТЕВАЯ

HTML5 Урок 8 Элементы Формы


« Назад Далее »

HTML5 Новые Элементы Форм

HTML5 имеет несколько новых элементов и атрибутов для форм.

Этот урок охватытвает новые элементы форм:

  • datalist (список опций)
  • keygen (генератор ключа)
  • output (вывод)

Поддержка Браузерами

Элемент IE Firefox Opera Chrome Safari
datalist (список опций) Нет 4.0 9.5 Нет Нет
keygen (генератор ключа) Нет 4.0 10.5 3.0 Нет
output (вывод) Нет Нет 9.5 10.0 Нет


Элемент datalist (Список Опций)

Элемент datalist указывает список опций для поля ввода.

Список создается с помощью элементов option внутри элемента datalist.

Чтобы привязать список опций к полю ввода input, вставьте атрибут list в элемент input с значением идентификатора id списка опций datalist:

Пример

Вебстраница: <input type="url" list="url_list" name="link" />
<datalist id="url_list">
<option label="Уроки HTML" value="http://uroki-html.ru/" />
<option label="Уроки CSS" value="http://uroki-css.ru/" />
<option label="Уроки JavaScript" value="http://uroki-javascript.ru/" />
</datalist>

Попробуйте сами »

Совет: Элементы option всегда должны иметь атрибут value.


Элемент keygen (Генератор Ключа)

Цель элемента keygen - обеспечить безопасный способ аутентификации пользователей.

Элемент keygen - это генератор пары ключей. Когда форма отправляется, генерируются два ключа, один секретный и второй открытый.

Секретный ключ хранится на клинтском компьютере, а открытый ключ посылается на сервер. Открытый ключ может использоваться для генерации клиентского сертификата для аутентификации пользователя в будущем.

На текущий момент поддержка браузеров для этого элемента не достаточно хороша, чтобы можно было использовать эту технологию в качестве стандарта безопасности.

Пример

<form action="demo_form.php" method="get">
Имя пользователя: <input type="text" name="usr_name" />
Шифрование: <keygen name="security" />
<input type="submit" />
</form>

Попробуйте сами »


Элемент output (Вывод)

Элемент output используется для различных типов вывода, например вычислений или вывода скрипта:

Пример

<output id="result" onforminput="resCalc()"></output>

Попробуйте сами »





« Назад Далее »
© 2011-2017 Уроки HTML
Рейтинг@Mail.ru