# form

Определяет интерактивную форму с элементами управления.

Пример: Скопировать








<form action="/signup" method="post">
  <p>
    <label>Заголовок</label><br>
    <label>
      <input type="radio" name="title" value="mr">
      Mr
    </label>
    <label>
      <input type="radio" name="title" value="mrs">
      Mrs
    </label>
    <label>
      <input type="radio" name="title" value="miss">
      Miss
    </label>
  </p>
  <p>
    <label>Имя</label><br>
    <input type="text" name="first_name">
  </p>
  <p>
    <label>Фамилия</label><br>
    <input type="text" name="last_name">
  </p>
  <p>
    <label>Email</label><br>
    <input type="email" name="email" required>
  </p>
  <p>
    <label>Телефон</label><br>
    <input type="tel" name="phone">
  </p>
  <p>
    <label>Пароль</label><br>
    <input type="password" name="password">
  </p>
  <p>
    <label>Страна</label><br>
    <select>
      <option>Китай</option>
      <option>Индия</option>
      <option>США</option>
      <option>Индонезия</option>
      <option>Бразилия</option>
    </select>
  </p>
  <p>
    <label>
      <input type="checkbox" value="terms">
      Я согласен с <a href="/terms">исловиями использования</a>
    </label>
  </p>
  <p>
    <button>Зарегистрироваться</button>
    <button type="reset">Сбросить форму</button>
  </p>
</form>

action

Определяет, на какой URL-адрес отправляется информация формы при отправке.

"/contact"

Вы можете использовать относительный адрес URL.

"https://htmlwiki.ru/contact"

Вы можете использовать абсолютный адрес URL.

method

Определяет метод HTTP, используемый при отправке формы.

"post"

Информация формы отправляется на сервер как часть тела запроса.

"get"

Информация формы отправляется на сервер как часть параметров URL: /contact?first_name=Alex&last_name=Smith.

name

Имя формы при отправке на сервер. Полезно, когда несколько форм присутствуют на одной и той же веб-странице.

"sign_up_form"

Значение имени должно быть уникальным в контексте всей веб-страницы.

Оно может содержать только буквенно-цифровые символы a-z A-Z 0-9 и некоторые специальные символы, такие как - _… но без пробела.

autocomplete

Определяет, может ли браузер автоматически заполнять все элементы управления формы.

"off"

Браузер отключит функции автозаполнения. Однако это можно переопределить для каждого элемента управления отдельно.

"on"

Браузер включит функции автозаполнения. Однако это можно переопределить для каждого элемента управления отдельно.

Попробуйте поставить "on" в этом поле. Оно покажет ранее введенные адреса электронной почты.

target

Определяет в какой вкладке или окне будет открыта ссылка.

"_blank"

Открыть в новой вкладке.

"_self"

Открыть в текущей вкладке.

"_parent"

Открыть в родительском (на уровень выше) контексте браузера, или _self если родительского контекста нет.

"_top"

Открыть в самом верхнем контексте браузера, или _self если такого контекста нет.

enctype

Определяет MIME тип информации отправляемой на сервер. Работает только с методом post.

"application/x-www-form-urlencoded"

Default.

Значение по умолчанию.

"text/plain"

Для обычного текста.

"multipart/form-data"

Нужно при использовании <input type="file"> тега.

novalidate

Сообщает браузеру не проверять форму при отправке.

Значение не нужно.