Логотип schoolsw3.com
Учебники Справочники Упражнения КАК? Меню
Вход
Реклама Поддержка Форум

×
Учебники
Справочники
Упражнения
Пожертвовать Обновление Реклама Видео Магазин

HTML Учебник

HTML ДОМ HTML Введение HTML Редактор HTML Основы HTML Элементы HTML Атрибуты HTML Заголовки HTML Параграфы HTML Стили HTML Форматирование HTML Цитирование HTML Комментарии HTML Цвет HTML с CSS HTML Ссылки HTML Изображения HTML Значок HTML Таблицы HTML Списки HTML Блоки HTML Классы HTML Идентификаторы HTML Фреймы HTML с JavaScript HTML Путь к файлу HTML Мета теги HTML Макет HTML Адаптивный дизайн HTML Компьютерный код HTML Семантика HTML Синтаксис HTML Сущность HTML Символы HTML Эмодзи HTML Кодировка HTML URL Кодировка HTML в XHTML

HTML Формы

HTML Формы HTML Атрибуты форм HTML Элементы ввода HTML Типы ввода HTML Атрибуты ввода HTML Атрибуты форм ввода

HTML Графика

HTML Холст HTML SVG

HTML Медиа

HTML Медиа HTML5 Видео HTML5 Аудио HTML Плагины HTML YouTube

HTML APIы

HTML5 Геолокация HTML5 Перетаскивание HTML5 Веб хранилище HTML5 Веб работник HTML5 SSE

HTML Примеры

HTML Примеры HTML Викторина HTML Упражнения HTML Сертификат HTML Заключение HTML Специальные возможности

HTML Справочники

HTML Список тегов HTML Атрибуты HTML Глобальные атрибуты HTML Поддержка браузера HTML События HTML Цвета HTML Холст HTML Аудио/Видео HTML Тип документа HTML Наборы символов HTML URL Кодирование HTML Языковые коды HTTP Сообщения HTTP Методы PX в EM Конвертер Комбинация клавиш

HTML Атрибуты форм ввода



В этой главе описываются различные атрибуты form* для элемента <input> HTML кода.

Атрибут form

Ввод атрибута form определяет форму элемента <input>.

Значение этого атрибута должно быть равно атрибуту id элемента form, которому он принадлежит.

Пример

Поле ввода, расположенное вне HTML формы (но все же являющееся ее частью):

<form action="/action_page.php" id="form1">
  <label for="fname">Имя:</label>
  <input type="text" id="fname" name="fname"><br><br>
  <input type="submit" value="Отправить">
</form>

<label for="lname">Фамилия:</label>
<input type="text" id="lname" name="lname" form="form1">
Попробуйте сами »

Атрибут formaction

Ввод атрибута formaction указывает URL адрес файла, который будет обрабатывать входные данные при отправке формы.

Примечание: Этот атрибут переопределяет action атрибут элемента <form>.

Атрибут formaction работает со следующими типами входных данных: submit и image.

Пример

HTML форма с двумя кнопками отправки, с различными действиями:

<form action="/action_page.php">
  <label for="fname">Имя:</label>
  <input type="text" id="fname" name="fname"><br><br>
  <label for="lname">Фамилия:</label>
  <input type="text" id="lname" name="lname"><br><br>
  <input type="submit" value="Отправить">
  <input type="submit" formaction="/action_page2.php" value="Отправить администратору">
</form>
Попробуйте сами »


Атрибут formenctype

Ввод атрибута formenctype указывает, как данные формы должны быть закодированы при отправке (только для форм с method="post").

Примечание: Этот атрибут переопределяет атрибут enctype объекта элемента <form>.

Атрибут formenctype работает со следующими типами входных данных: submit и image.

Пример

Форма с двумя кнопками отправки. Первый отправляет данные формы с кодировкой по умолчанию, второй отправляет данные формы, закодированные как "multipart/form-data":

<form action="/action_page_binary.php" method="post">
  <label for="fname">Имя:</label>
  <input type="text" id="fname" name="fname"><br><br>
  <input type="submit" value="Отправить">
  <input type="submit" formenctype="multipart/form-data"
  value="Отправить Multipart/form-data">
</form>
Попробуйте сами »

Атрибут formmethod

Ввод атрибута formmethod определяет HTTP метод для отправки данных формы на URL адрес действия.

Примечание: Этот атрибут переопределяет атрибут method объекта элемента<form>.

Атрибут formmethod работает со следующими типами входных данных: submit и image.

Данные формы могут быть отправлены в виде переменных URL адреса (method="get") или как HTTP post транзакция (method="post").

Примечание метод "get":

  • Этот метод добавляет данные формы к URL адресу парами имя/значение
  • Этот метод полезен для отправки форм, когда пользователь хочет добавить результат в закладки
  • Существует ограничение на количество данных, которые вы можете разместить в URL адресе (зависит от браузера), поэтому вы не можете быть уверены, что все данные формы будут правильно переданы
  • Никогда не используйте метод "get" для передачи конфиденциальной информации! (пароль или другая конфиденциальная информация будет видна в адресной строке браузера)

Примечание метод "post":

  • Этот метод отправляет данные формы в виде транзакции HTTP post
  • Отправленные формы с помощью метода "post" не могут быть помечены закладками
  • Метод "post" является более надежным и безопасным, чем "get", и не имеет ограничений по размеру

Пример

Форма с двумя кнопками отправки. Первый отправляется данные формы с помощью method="get". Второй отправляется данные формы с помощью method="post":

<form action="/action_page.php" method="get">
  <label for="fname">Имя:</label>
  <input type="text" id="fname" name="fname"><br><br>
  <label for="lname">Фамилия:</label>
  <input type="text" id="lname" name="lname"><br><br>
  <input type="submit" value="Отправить GET">
  <input type="submit" formmethod="post" value="Отправить POST">
</form>
Попробуйте сами »

Атрибут formtarget

Ввод атрибута formtarget атрибут задает имя или ключевое слово, указывающее, где будет отображаться ответ, полученный после отправки формы.

Примечание: Этот атрибут переопределяет целевой атрибут объекта элемента <form>.

Атрибут formtarget работает со следующими типами входных данных: submit и image.

Пример

Форма с двумя кнопками отправки, с разными целевыми окнами:

<form action="/action_page.php">
  <label for="fname">Имя:</label>
  <input type="text" id="fname" name="fname"><br><br>
  <label for="lname">Фамилия:</label>
  <input type="text" id="lname" name="lname"><br><br>
  <input type="submit" value="Отправить">
  <input type="submit" formtarget="_blank" value="Отправить в новом окно/вкладку">
</form>
Попробуйте сами »

Атрибут formnovalidate

Ввод атрибута formnovalidate указывает, что элемент <input> не должен проверяться при отправке.

Примечание: Этот атрибут переопределяет атрибут novalidate объекта элемента <form>.

Атрибут formnovalidate атрибут работает со следующими типами входных данных: submit.

Пример

Форма с двумя кнопками отправки (с проверкой и без нее):

<form action="/action_page.php">
  <label for="email">Введите свой адрес электронной почты:</label>
  <input type="email" id="email" name="email"><br><br>
  <input type="submit" value="Отправить">
  <input type="submit" formnovalidate="formnovalidate"
  value="Отправить без проверки">
</form>
Попробуйте сами »

Атрибут novalidate

Атрибут novalidate атрибута <form>.

При наличии novalidate указывает, что все данные формы не должны проверяться при отправке.

Пример

Укажите, что никакие данные формы не должны проверяться при отправке:

<form action="/action_page.php" novalidate>
  <label for="email">Введите свой адрес электронной почты:</label>
  <input type="email" id="email" name="email"><br><br>
  <input type="submit" value="Отправить">
</form>
Попробуйте сами »

HTML Элементы форм и ввода

Тег Описание
<form> Определяет HTML форму для пользовательского ввода
<input> Определяет входной элемент управления

Для получения полного списка всех доступных HTML тегов посетите HTML Справочник тегов.