Лекция: Новые элементы 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 новых типов ввода