Атрибуты форм 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-транзакцию POST (используя 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 Определяет, где будет отображаться полученный ответ после отправки формы.