form — форма

Тег <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>.

«Доктайп» — журнал о фронтенде. Читайте, слушайте и учитесь с нами.