Раз в неделю мы отправляем дайджест с самыми популярными статьями.

# 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>Электронная почта</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://atomcss.ru/htmlref/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"

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

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

target

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

"_blank"

Открывает в новом окне браузера, которое обычно новая вкладка.

"_self"

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

"_parent"

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

"_top"

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

enctype

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

"application/x-www-form-urlencoded"

Default.

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

"text/plain"

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

"multipart/form-data"

Нужен когда используется элемент <input type="file">.

novalidate

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

Аттрибут не обязателен.