Атрибуты form* ввода HTML

Рекомендации по курсу: <input> в этой главе介绍 HTML различия элементов Атрибуты.

атрибут form

атрибут input 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

атрибут input formaction атрибут определяет URL файла, который будет обрабатывать ввод (данные) при отправке формы.

Комментарий:}}этот атрибут заменяет <form> элемента атрибут Атрибуты.

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

Пример

HTML-форма с двумя кнопками отправки, у которых разные действия (action):

<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

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

Комментарий:}}Этот атрибут будет перекрывать <form> атрибут enctype элементов.

formenctype Атрибут Applies to следующие типы ввода: 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="Подтвердить">
  <input type="submit" formenctype="multipart/form-data"
  value="с использованием кодирования Multipart/form-data"
</form>

Попробуйте сами

атрибут formmethod

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

Комментарий:}}Этот атрибут будет перекрывать <form> атрибут метод элементов.

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

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

Внимание по поводу GET:

  • Прикрепите данные формы в виде пары имя/значение к URL
  • Никогда не используйте GET для отправки конфиденциальных данных! (Поданные данные формы видны в URL!)
  • Длина URL ограничена (2048 символов)
  • Полезно для форм отправки, где пользователи хотят добавить результаты в закладки
  • GET подходит для неопасных данных, таких как строка запроса в Google

Внимание по поводу POST:

  • Прикрепите данные формы к телу HTTP-запроса (не отображается в URL)
  • POST не имеет ограничений по размеру и может использоваться для отправки большого объема данных.
  • Форма с использованием POST не может быть сохранена в закладки

Совет:Если данные формы содержат конфиденциальную информацию или личные данные, пожалуйста, обязательно используйте POST!

Пример

Форма с двумя кнопками отправки. Первая использует 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

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

Комментарий:}}Этот атрибут будет перекрывать <form> атрибут target элемента.

формtarget Атрибут Applies to следующие типы ввода: 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>

Попробуйте сами

формноvalidate

атрибут input formnovalidate Свойства определяют, что при подаче не следует проверять элемент <input>.

Комментарий:}}Этот атрибут будет перекрывать <form> Атрибут novalidate элемента.

formnovalidate Атрибут applies to the following input types: 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.