В HTML 5 у элементов появились новые формы, атрибуты и их значения, предназначенные для создания скриптов, с их помощью появились новые функции, которые раньше можно было реализовать только при помощи языков программирования.
<form>
- autocomplete="on/off" — включает/отключает автозаполнение у форм, если в браузере автозаполнение отключено, то атрибут не работает
- novalidate="novalidate" — отключает встроенную проверку данных, введённых пользователем в поля <input type="email" /> и <input type="url" />
<input />
- autocomplete="on/off" — включает/отключает автозаполнение у тега input, если в браузере автозаполнение отключено, то атрибут работать не будет.
- autofocus="autofocus" — установка фокуса на элемент.
- form="idNameForm" — связывает тег input, с формой по его атрибуту id, при условии что тег input, находится вне формы.
- formaction="URL" — указывает на адрес программы, которая будет обрабатывать данные введённые в тег input, аналогичен атрибуту action=" " у тега form
- formenctype=" " — указывает на способ кодировния данных при их отправки на сервер, аналогичен атрибуту enctype=" ", у тега form, имеет следующие значения:
- application/x-www-form-urlencoded — не латинские символы кодируются их шестнадцатеричными кодами, пробелы заменяются знаком +, является значением по умолчанию,
- multipart/form-data — данные не кодируются,
- text/plain — данные не кодируются, но пробелы заменяются знаком +
- formmethod="get/post" — указывает каким методом отправить данные, post или get
- formnovalidate="formnovalidate" — отключает встроенную проверку данных, аналогичен атрибуту novalidate="novalidate" у тега form
- formtarget="имя окна/_blank/_self/_parent/_top" — указывет на окно в которое будет загружаться, результат обработки данных, аналогичен атрибуту target=" " у тега form
- list="idName" — указывает на значение идентификатора id тега datalist, в котором находится список вариантов появляющиеся при вводе текста в поле.
- max="число" — указывает на максимальное число, которое можно ввести в поле.
- min="число" — указывает на минимальное число, которое можно ввести в поле.
- multiple="multiple" — позволяет указать несколько e-mail адресов, в поле через запятую, или загрузить несколько файлов.
- pattern="шаблон" — позволяет создавать шаблоны, исходя из которых принимается решение о верности или не верности введённых данных, атрибут предназначен для создания полей ввода, для различных типов данных.
- placeholder="текст" — указывает на строку, которая находтся в текстовом поле, она исчезает когда пользователь начинает вводить данные.
- readonly="readonly" — указывает на текстовое поле, в которое пользователь не может ввести данные.
- required="required" — указывает на текстовое поле, которое обязательно должно быть заполненным, если пользователь попытается отправить данные не заполнив это поле, то браузер выдаст об этом сообщение ввиде всплывающей подсказки.
- step=" " — указывает на шаг, при введении чисел.
type=" "
- type="color" — создаёт виджет выбора цвета.
- type="date" — создаёт поле для ввода даты, при помощи виджета календаря.
- type="datetime" — создаёт поле для ввода даты и времени.
- type="datetime-local" — создаёт поле для ввода даты и местного времени.
- type="email" — создаёт поле для ввода e-mail.
- type="month" — создаёт поле для ввода месяца.
- type="number" — создаёт поле для ввода числа.
- type="range" — создаёт ползунок.
- type="search" — создаёт поисковое поле.
- type="tel" — создаёт поле для ввода телефонного номера.
- type="time" — создаёт поле для ввода даты и времени, без часового пояса.
- type="url" — создаёт поле для ввода url.
- type="week" — создаёт поле для ввода недели.
<keygen>
Теги <keygen> </keygen> используются для шифровки и расшифровки данных.
<output>
Теги <output> </output> создают область для вывода работы скрипта.
Все статьи по теме HTML 5:
- HTML 5 Введение
- Устаревшие теги и атрибуты HTML 5
- Нововведения в структуру документа HTML 5
- Глобальные атрибуты в HTML 5
- Формы HTML 5
- Воспроизведение аудио файлов в HTML 5
- Воспроизведение видео файлов в HTML 5
- Web worker
- Геолокация в HTML 5
- Drag and Drop
- Кэширование страниц
- Макет шаблона HTML 5 с пояснениями
- Справочник тегов HTML 5
Canvas:
- Canvas вступление
- Применение стилей в canvas
- Оформление текста и изображений в canvas