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="Джон"><br>
<label for="lname">Фамилия:</label><br>
<input type="text" id="lname" name="lname" value="Доу"><br><br>
<input type="submit" value="Отправить">
</form>Примечание: Если атрибут action не задан, данные отправляются текущей странице.
Атрибут target
Атрибут target указывает, где отобразить ответ, полученный после отправки формы.
Атрибут target может иметь одно из следующих значений:
| Значение | Описание |
|---|---|
_blank | Ответ отображается в новом окне или вкладке |
_self | Ответ отображается в текущем окне |
_parent | Ответ отображается во фрейме‑родителе |
_top | Ответ отображается во всём окне (заменяет все фреймы) |
framename | Ответ отображается в именованном iframe |
Значение по умолчанию — _self, что означает, что ответ откроется в текущем окне.
Пример
Здесь отправленный результат откроется в новой вкладке браузера:
<form action="/action_page.php" target="_blank">Атрибут method
Атрибут method задаёт HTTP‑метод, который будет использоваться при отправке данных формы.
Данные формы можно отправлять как переменные URL (с method="get") или как HTTP‑транзакцию POST (с method="post").
HTTP‑метод по умолчанию при отправке данных формы — 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>