HTML5 form ilangit

Nutaat HTML5 Form ilangit

HTML5 ilaliuppuq tutquq nutaat form ilangit:

  • <datalist>
  • <keygen>
  • <output>

Примечание:Не все браузеры поддерживают новые элементы форм HTML5, но вы всё равно можете их использовать; даже если атрибуты формы не поддерживаются, они всё равно будут отображаться как обычные элементы формы.

Элемент HTML5 <datalist>

Элемент <datalist> определяет список вариантов для элемента input.

Элемент <datalist> указывает элемент формы или элемент input, которые должны иметь функциональность автозаполнения. Когда пользователь начинает вводить текст в элементе с автозаполнением, браузер должен отображать заполненные варианты в этом элементе:

Используйте атрибут list элемента <input>, чтобы связать его с элементом <datalist>.

OperaSafariChromeFirefoxInternet Explorer

instance

Используйте элемент <datalist>, чтобы определить предопределённые значения элемента <input>:

<input list="browsers"> <datalist id="browsers"> <option value="Internet Explorer"> <option value="Firefox"> <option value="Chrome"> <option value="Opera"> <option value="Safari"> </datalist>

Попробуйте »

Элемент HTML5 <keygen>

Элемент <keygen> обеспечивает надежный способ аутентификации пользователей.

Тег <keygen> определяет поле для генератора пары ключей в форме.

При отправке формы генерируются два ключа: закрытый ключ и открытый ключ.

Закрытый ключ хранится на клиенте, а открытый ключ отправляется на сервер. Открытый ключ можно позже использовать для проверки сертификата клиента (сертификат клиента).

Этот элемент устарел, и его больше не рекомендуется использовать. Альтернативы включают:

  1. Использование Web Cryptography API для генерации ключей в JavaScript

  2. Использование специализированных библиотек шифрования

OperaSafariChromeFirefoxInternet Explorer

instance

Форма с полем <keygen>:

<form action="demo_keygen.asp" method="get">Имя пользователя:<input type="text" name="usr_name">Keygen:<keygen name="security"> <input type="submit"> </form>

Попробуйте »

Элемент <output> HTML5

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

OperaSafariChromeFirefoxInternet Explorer

instance

Отобразите результат вычисления в элементе <output>:

<form oninput="x.value=parseInt(a.value)+parseInt(b.value)">0 <input type="range" id="a" value="50">100 + <input type="number" id="b" value="50">= <output name="x" for="a b"></output> </форма>

Попробуйте »

Nutaat HTML5 Form ilangit

тег description
<datalist> Тег <input> определяет список опций. Используйте этот элемент вместе с элементом input для определения возможных значений для input.
<keygen> Тег <keygen> определяет поле для генератора пары ключей в форме.
<output> Тег <output> определяет различные типы вывода, например вывод скрипта.
Другие расширения