В этой главе описываются различные атрибуты 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 Справочник тегов.