HTML Атрибуты Input формы
В этом разделе описаны разные атрибуты form* для HTML элемента <input>.
Атрибут form
Атрибут input form определяет форму, которой принадлежит элемент <input>.
Значение этого атрибута должно соответствовать атрибуту id в элементе <form>, которому он принадлежит.
Пример
Поле ввода, размещенное за пределами HTML формы (но всё ещё является частью формы):
<form action="/action_page.html" id="form1">
<label for="fname">Ім’я:</label>
<input type="text" id="fname" name="fname"><br><br>
<input type="submit" value="Submit">
</form>
<label for="lname">Фамилия:</label>
<input type="text" id="lname" name="lname" form="form1">
Попробуйте сами »
Атрибут formaction
Атрибут input formaction определяет URL-адрес файла, который будет обрабатывать введённые данные во время отправки формы.
Примечание: Этот атрибут заменяет атрибут action элемента <form>.
Атрибут formaction работает с такими типами ввода: submit и image.
Пример
HTML форма с двумя кнопками отправки с разными действиями:
<form action="/action_page.html">
<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.html" value="Отправить как админ">
</form>
Попробуйте сами »
Атрибут formenctype
Атрибут input formenctype определяет, как данные формы должны быть закодированы во время отправки (только для форм с method="post").
Примечание: Этот атрибут заменяет атрибут enctype элемента <form>.
Атрибут formenctype работает с такими типами ввода: submit и image.
Пример
Форма с двумя кнопками отправки. Первая отправляет данные формы с кодировкой по умолчанию, другая отправляет данные формы, закодированные как "multipart/form-data":
<form action="/action_page_binary.asp" method="post">
<label for="fname">Імя:</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
Атрибут input formmethod определяет метод HTTP для отправки данных формы на URL-адрес действия.
Примечание: Этот атрибут заменяет атрибут method элемента <form>.
Атрибут formmethod работает с такими типами ввода: submit и image.
Данные формы можно отправлять как переменные URL-адреса (method="get") или как трансакцию HTTP сообщения (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">Имя:</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
Атрибут input formtarget определяет название или ключевое слово, которое указывает, где отображать ответ, полученный после отправки формы.
Примечание: Этот атрибут заменяет атрибут target элемента <form>.
Атрибут formtarget работает с такими типами ввода: submit и image.
Пример
Форма с двумя кнопками отправки с разными целевыми окнами:
<form action="/action_page.html">
<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
Атрибут input formnovalidate определяет, что элемент <input> не следует проверять во время отправки.
Примечание: Этот атрибут заменяет атрибут novalidate элемента <form>.
Атрибут formnovalidate работает с такими типами ввода: submit.
Пример
Форма с двумя кнопками отправки (с подтверждением и без):
<form action="/action_page.html">
<label for="email">Введите ваш 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.html" novalidate>
<label for="email">Введите ваш email:</label>
<input type="email" id="email" name="email"><br><br>
<input type="submit" value="Отправить">
</form>
Попробуйте сами »
HTML Элементы Form и Input
| Тег | Описание |
|---|---|
| <form> | Определяет HTML-форму для ввода пользователем |
| <input> | Определяет элемент управления вводом |
Для получения полного списка всех доступных HTML тегов посетите HTML Справочник тегов на нашем сайте W3Schools на русском.
