🚀 Сегодня вам бесплатно доступен тренажёр по HTML и CSS.
Тег <form>
используется для создания HTML-формы. В нём находится всё содержимое формы: поля для ввода, подписи к этим полям и кнопка отправки.
<form action='/login' method='POST'>
<label for='username'>Имя пользователя:</label>
<input type='text' id='username' name='username'><br>
<label for='password'>Пароль:</label>
<input type='password' id='password' name='password'><br>
<input type='submit' value='Войти'>
</form>
Здесь action
определяет URL, куда будут отправлены данные формы, а method
указывает метод отправки данных: GET
или POST
. Если использовать метод GET
, параметры формы будут отображаться в адресной строке браузера. Это небезопасно, так как данные формы можно легко изменить.
Атрибуты тега <form>
:
action
— адрес, на который будут отправлены данные формы.method
— метод отправки данных:GET
илиPOST
.target
— окно или фрейм, в котором будет открыт результат отправки данных формы.name
— имя формы, которое используется для её идентификации при отправке данных на сервер.autocomplete
— может ли браузер запоминать введённые пользователем данные для автозаполнения.enctype
— способ кодирования данных формы при отправке на сервер.novalidate
— указывает, что данные формы не нужно проверять на корректность перед отправкой на сервер.Пример использования атрибутов тега<form>
:
Тег может содержать только определённые элементы формы, такие как <input>
, <label>
, <button>
, <select>
, <textarea>
и некоторые другие. Он не может содержать другие блочные элементы, такие как <div>
или <p>
.