Элемент 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>



В нашем HTML редакторе вы можете отредактировать код HTML и, кликнув кнопку, увидеть результат.

Пример
<!DOCTYPE HTML> <html> <body> <video height="240" controls="controls"> <source src="movie.mp4" type="video/mp4" /> <source src="movie.ogg" type="video/ogg" /> <source src="movie.webm" type="video/webm" /> Ваш браузер не поддерживает тег video. </video> </body> </html>


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

 


Дата добавления: 2019-01-14; просмотров: 188; Мы поможем в написании вашей работы!

Поделиться с друзьями:






Мы поможем в написании ваших работ!