Элемент

Элемент form.

Сами формы не претерпели особых изменений. Структура осталась все той же, но в 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. Оба атрибута относятся к логическому типу, поэтому для них не нужно указывать значения.

Вам также могут быть интересны следующие статьи:

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *