HTML Атрибуты Input form*
В этой главе описываются различные атрибуты form* для HTML элемента <input>.
Атрибут form
Атрибут ввода form определяет форму, к которой принадлежит элемент <input>.
Значение этого атрибута должно быть равно атрибуту id элемента <form>, которому он принадлежит.
Пример
Поле ввода, расположенное за пределами HTML-формы (но все еще являющееся частью формы):
<form action="/action_page.html" id="form1">
<label for="fname">First
name:</label>
<input type="text" id="fname" name="fname"><br><br>
<input type="submit" value="Submit">
</form>
<label for="lname">Last name:</label>
<input type="text" id="lname"
name="lname" form="form1">
Попробуйте сами »
Атрибут formaction
Атрибут ввода formaction указывает URL-адрес файла, который будет обрабатывать ввод при отправке формы.
Примечание: Этот атрибут переопределяет атрибут action элемента <form>.
Атрибут formaction работает со следующими типами ввода: submit и image.
Пример
HTML-форма с двумя кнопками отправки с разными действиями:
<form action="/action_page.html">
<label for="fname">First
name:</label>
<input type="text" id="fname" name="fname"><br><br>
<label for="lname">Last name:</label>
<input type="text" id="lname"
name="lname"><br><br>
<input type="submit" value="Submit">
<input type="submit" formaction="/action_page2.html" value="Submit as Admin">
</form>
Попробуйте сами »
Атрибут formenctype
Атрибут ввода formenctype указывает, как данные формы должны быть закодированы при отправке (только для форм с method="post").
Примечание: Этот атрибут переопределяет атрибут enctype элемента <form>.
Атрибут formenctype работает со следующими типами ввода: submit и image.
Пример
Форма с двумя кнопками отправки. Первый отправляет данные формы с кодировкой по умолчанию, второй отправляет данные формы, закодированные как "multipart/form-data":
<form action="/action_page_binary.asp" method="post">
<label for="fname">First
name:</label>
<input type="text" id="fname" name="fname"><br><br>
<input type="submit" value="Submit">
<input type="submit"
formenctype="multipart/form-data"
value="Submit as
Multipart/form-data">
</form>
Попробуйте сами »
Атрибут formmethod
Атрибут ввода formmethod определяет HTTP метод для отправки данных формы на action URL.
Примечание: Этот атрибут переопределяет атрибут method элемента <form>.
Атрибут formmethod работает со следующими типами ввода: submit и image.
Данные формы могут быть отправлены как URL переменные (method="get") или как HTTP post транзакция (method="post").
Примечания к методу "get":
- Этот метод добавляет данные формы к URL-адресу в парах имя/значение
- Этот метод полезен для отправки форм, когда пользователь хочет добавить результат в закладки
- Существует ограничение на количество данных, которые вы можете разместить в URL-адресе (в зависимости от браузера), поэтому вы не можете быть уверены, что все данные формы будут правильно переданы
- Никогда не используйте метод "get" для передачи конфиденциальной информации! (пароль или другая конфиденциальная информация будет видна в адресной строке браузера)
Примечания к методу "post":
- Этот метод отправляет данные формы как HTTP post транзакция
- Форму, отправленную с помощью метода "post" нельзя пометить закладками
- Метод "post" более надежен и безопасен, чем метод "get", и "post" не имеет ограничений по размеру
Пример
Форма с двумя кнопками отправки. Первая отправляет данные формы с method="get". Вторая отправляет данные формы с method="post":
<form action="/action_page.html" method="get">
<label for="fname">First name:</label>
<input type="text" id="fname" name="fname"><br><br>
<label for="lname">Last name:</label>
<input type="text" id="lname" name="lname"><br><br>
<input type="submit" value="Submit using GET">
<input type="submit" formmethod="post" value="Submit using POST">
</form>
Попробуйте сами »
Атрибут formtarget
Атрибут ввода formtarget определяет имя или ключевое слово, указывающее, где отображать ответ, полученный после отправки формы.
Примечание: Этот атрибут переопределяет целевой атрибут элемента <form>.
Атрибут formtarget работает со следующими типами ввода: submit и image.
Пример
Форма с двумя кнопками отправки с разными целевыми окнами:
<form action="/action_page.html">
<label for="fname">First
name:</label>
<input type="text" id="fname" name="fname"><br><br>
<label for="lname">Last name:</label>
<input type="text" id="lname"
name="lname"><br><br>
<input type="submit" value="Submit">
<input type="submit" formtarget="_blank" value="Submit to a new window/tab">
</form>
Попробуйте сами »
Атрибут formnovalidate
Атрибут ввода formnovalidate указывает, что элемент <input> не должен проверяться при отправке.
Примечание: Этот атрибут переопределяет атрибут novalidate элемента <form>.
Атрибут formnovalidate работает со следующими типами ввода: submit.
Пример
Форма с двумя кнопками отправки (с проверкой и без проверки):
<form action="/action_page.html">
<label for="email">Enter your
email:</label>
<input type="email" id="email" name="email"><br><br>
<input type="submit" value="Submit">
<input type="submit"
formnovalidate="formnovalidate"
value="Submit without validation">
</form>
Попробуйте сами »
Атрибут novalidate Attribute
Атрибут novalidate является атрибутом <form>.
Когда присутствует, novalidate указывает, что все данные формы не должны проверяться при отправке.
Пример
Укажите, что данные формы не должны проверяться при отправке:
<form action="/action_page.html" novalidate>
<label
for="email">Enter your email:</label>
<input type="email"
id="email" name="email"><br><br>
<input type="submit"
value="Submit">
</form>
Попробуйте сами »
HTML-форма и элементы ввода
| Тег | Описание |
|---|---|
| <form> | Определяет HTML-форму для ввода пользователем |
| <input> | Определяет элемент управления вводом |
Для получения полного списка всех доступных тегов HTML посетите полный HTML Справочник тегов на нашем сайте W3Schools на русском.
