Атрибуты форм HTML

Эта глава рассказывает о HTML <form> Разные атрибуты элемента.

Атрибут Action

action Атрибут определяет операцию, выполняемую при отправке формы.

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

В следующем примере, данные формы отправляются на файл с именем "action_page.php". Этот файл содержит серверный скрипт обработки данных формы:

Пример

После отправки, данные формы будут отправлены на "action_page.php":

<form action="/action_page.php">
  <label for="fname">Имя:</label><br>
  <input type="text" id="fname" name="fname" value="Bill"><br>
  <label for="lname">Фамилия:</label><br>
  <input type="text" id="lname" name="lname" value="Gates"><br><br>
  <input type="submit" value="Submit">
</form>

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

Подсказка:Если пропустить атрибут action, то action будет установлен на текущую страницу.

Атрибут Target

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

target Атрибут может принимать одно из следующих значений:

Значение Описание
_blank Ответ будет отображаться в новом окне или вкладке.
_self Ответ будет отображаться в текущем окне.
_parent Ответ будет отображаться в родительском фрейме.
_top Ответ будет отображаться в整个 body окна.
framename Ответ будет отображаться в названном iframe.

По умолчанию: _self, что означает, что ответ будет открываться в текущем окне.

Пример

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

<form action="/action_page.php" target="_blank">

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

Атрибут Method

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

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

По умолчанию для отправки данных формы используется метод GET.

Пример

Этот пример использует метод GET для отправки данных формы:

<form action="/action_page.php" method="get">

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

Пример

Этот пример использует метод POST для отправки данных формы:

<form action="/action_page.php" method="post">

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

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

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

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

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

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

Атрибут autocomplete

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

После включения функции автоматического завершения, браузер будет автоматически заполнять значения на основе ранее введенных пользователем данных.

Пример

Включение автоматического заполнения форм:

<form action="/action_page.php" autocomplete="on">

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

Атрибут novalidate

novalidate Атрибут - это булево свойство.

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

Пример

Форма без установленного атрибута novalidate:

<form action="/action_page.php" novalidate>

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

Список всех атрибутов <form>

Атрибут Описание
accept-charset Определяет кодировку символов, используемую для отправки формы.
action Определяет, куда отправлять данные формы при отправке.
autocomplete Определяет, должна ли быть включена функция автоматического завершения (заполнения) формы.
enctype Определяет, как кодировать данные формы при отправке на сервер (только для method="post").
method Определяет HTTP-метод, который следует использовать для отправки данных формы.
name Определяет имя формы.
novalidate Определяет, что форму не следует проверять при отправке.
rel Определяет的关系 между ресурсом ссылки и текущим документом.
target Определяет, где отображать полученный ответ после отправки формы.