Сами формы не претерпели особых изменений. Структура осталась все той же, но в HTML5 были добавлены новые элементы, типы ввода и атрибуты, расширяющие функциональность форм и добавляющие возможности, которые раньше приходилось программно реализовывать в веб-приложениях.
Листинг 6.1. Обычная структура формы
<!DOCTYPE html>
<html lang="ru">
<head>
<title>Формы</title>
</head>
<body>
<section id="form">
<form name="myform" id="myform" method="get">
<input type="text" name="name" id="name">
<input type="submit" value="Send">
</form>
</section>
</body>
</html>
В листинге 6.1 мы создали шаблон простейшей формы. Как видите, структура формы и атрибуты по сравнению с предыдущими спецификациями не поменялись. Однако теперь с элементом <form> можно использовать новые атрибуты:
— autocomplete. Это старый атрибут, который теперь описан в стандарте. Он может принимать два значения: on и off. Значение по умолчанию равно on. Когда значение атрибута равно off, составляющие форму элементы <input> не заполняются автоматически, то есть для них не отображаются списки введенных ранее значений. Атрибут можно добавлять как к элементу <form>, так и независимо к любому элементу <input>;
— novalidate. Одна из особенностей форм HTML5 — встроенная возможность валидации. Правильность содержимого форм проверяется автоматически. Чтобы запретить такое поведение, можно добавить атрибут novalidate. Ту же задачу, но для отдельных элементов <input>, выполняет атрибут formnovalidate. Оба атрибута относятся к логическому типу, поэтому для них не нужно указывать значения.
Добавить комментарий