Атрибуты HTML -формы
В этой главе описываются различные атрибуты <form>
элемента HTML.
Атрибут действия
Атрибут action
определяет действие, которое должно быть выполнено при отправке формы.
Обычно данные формы отправляются в файл на сервере, когда пользователь нажимает кнопку отправки.
В приведенном ниже примере данные формы отправляются в файл с именем «action_page.php». Этот файл содержит серверный скрипт, который обрабатывает данные формы:
Пример
При отправке отправьте данные формы на «action_page.php»:
<form action="/action_page.php">
<label for="fname">First
name:</label><br>
<input type="text" id="fname" name="fname"
value="John"><br>
<label for="lname">Last name:</label><br>
<input type="text" id="lname" name="lname" value="Doe"><br><br>
<input type="submit" value="Submit">
</form>
Совет: Если action
атрибут опущен, действие устанавливается на текущую страницу.
Целевой атрибут
Атрибут target
указывает, где отображать ответ, полученный после отправки формы.
Атрибут target
может иметь одно из следующих значений:
Value | Description |
---|---|
_blank | The response is displayed in a new window or tab |
_self | The response is displayed in the current window |
_parent | The response is displayed in the parent frame |
_top | The response is displayed in the full body of the window |
framename | The response is displayed in a named iframe |
Значение по умолчанию _self
означает, что ответ откроется в текущем окне.
Пример
Здесь отправленный результат откроется в новой вкладке браузера:
<form action="/action_page.php" target="_blank">
Атрибут метода
Атрибут method
указывает метод HTTP, который будет использоваться при отправке данных формы.
Данные формы могут быть отправлены как переменные URL (с помощью method="get"
) или как почтовая транзакция HTTP (с помощью method="post"
).
Метод HTTP по умолчанию при отправке данных формы — GET.
Пример
В этом примере используется метод GET при отправке данных формы:
<form action="/action_page.php" method="get">
Пример
В этом примере используется метод POST при отправке данных формы:
<form action="/action_page.php" method="post">
Примечания к ПОЛУЧИТЬ:
- Добавляет данные формы к URL-адресу в парах имя/значение.
- НИКОГДА не используйте GET для отправки конфиденциальных данных! (отправленные данные формы видны в URL-адресе!)
- Длина URL ограничена (2048 символов).
- Полезно для отправки форм, когда пользователь хочет добавить результат в закладки.
- GET подходит для незащищенных данных, таких как строки запроса в Google.
Примечания к POST:
- Добавляет данные формы в тело HTTP-запроса (отправленные данные формы не отображаются в URL-адресе)
- POST не имеет ограничений по размеру и может использоваться для отправки больших объемов данных.
- Отправка форм с помощью POST не может быть добавлена в закладки
Совет: всегда используйте POST, если данные формы содержат конфиденциальную или личную информацию!
Атрибут автозаполнения
Атрибут autocomplete
указывает, должна ли форма включать или выключать автозаполнение.
Когда автозаполнение включено, браузер автоматически дополняет значения на основе значений, которые пользователь ввел ранее.
Пример
Форма с автозаполнением на:
<form action="/action_page.php" autocomplete="on">
Атрибут Novalidate
Атрибут novalidate
является логическим атрибутом.
Если он присутствует, он указывает, что данные формы (ввод) не должны проверяться при отправке.
Пример
Форма с атрибутом novalidate:
<form action="/action_page.php" novalidate>
HTML-упражнения
Список всех атрибутов <form>
Атрибут | Описание |
---|---|
принять кодировку | Указывает кодировку символов, используемую для отправки формы. |
действие | Указывает, куда отправлять данные формы при отправке формы |
автозаполнение | Определяет, должно ли в форме быть включено или выключено автозаполнение. |
enctype | Указывает, как данные формы должны быть закодированы при отправке на сервер (только для method="post") |
метод | Указывает метод HTTP для использования при отправке данных формы |
название | Указывает имя формы |
новалидировать | Указывает, что форма не должна проверяться при отправке |
отн. | Определяет связь между связанным ресурсом и текущим документом. |
цель | Указывает, где отображать ответ, полученный после отправки формы. |