Новые элементы HTML5

HTML5 включает 5 новых элементов форм. Форма progress показывает процесс загрузки. Форма meter показывает шкалу измерения. Форма datalist используется для ввода. Форма keygen используется для создания пары ключей, один из которых передается через форму на сервер. Форма output отображает сумму вводимых элементов. Например: PROGRESS <progress max="100" value="25">25%</progress>     METER <meter value="50" min="0" low="20" optimum="50" high="80" max="100"></meter>   KEYGEN <keygen name="key" keytype="rsa" challenge="challenge" />   DATLIST Элемент ввода с возможными значениями в datalist описанными c помощью элементов option. Элемент input связывается с элементом datalist c помощью атрибута list. DATALIST <input list="company" /> <datalist id="company"> <option value="BMW"> <option value="Ford"> <option value="Volvo"></datalist>   OUTPUT Определяет область в которую выводится информация, преимущественно с помощью скриптов. <form action="" oninput="out.value=range.value"> <div> <input type="range" name="range" min="0" max="100" value="25" /> </div> <div> <output name="out">25</output> </div> </form>   Новые типы ввода HTML5 предоставляет 13 новых типов ввода

EMAIL

Определяет поле для ввода email. Поле не отличается от элемента input.

Хорошо реализовано на iPhone/iPad.

URL

Определяет поле для ввода url. Поле не отличается от элемента input.

Хорошо реализовано на iPhone/iPad.

TEL

Определяет поле для ввода телефона. Поле не отличается от элемента input.

Хорошо реализовано на iPhone/iPad.

SEARCH

Определяет поле для поиска

<input type= "search" />

DATE

Служит для ввода даты

<input type= "date" minmax/>

TIME

Служит для ввода времени

<input type= "time" minmax step />