Давайте добавим кнопку <button type="submit" /> в вашу форму. Нажатие этой кнопки отправит данные из вашей формы по URL-адресу, указанному вами с помощью атрибута формы action.

Обратите внимание на атрибут type="submit". Именно он делает кнопку не просто кнопкой, а такой специальной, по которой если кликнуть, сработает отправка формы. Ежели создать просто кнопку <button /> и не прописать ей этот атрибут, то без дополнительных js-скриптов она будет бесполезна.

Вот пример кнопки отправки:

<button type="submit">this button submits the form</button>

Добавьте кнопку в качестве последнего элемента вашего элемента form с типом submit и Submit в качестве текста.

Вы можете использовать radio buttons (радиокнопки) для вопросов, в которых вы хотите, чтобы пользователь дал вам один ответ из нескольких вариантов. Радиокнопки - это тип input. Каждая из ваших радиокнопок может быть вложена в свой собственный элемент label. Обернув элемент input в элемент label вы автоматически свяжете радиокнопку с окружающим ее элементом label. Все связанные радиокнопки должны иметь одинаковый атрибут name для создания группы переключателей. Создавая группу радиокнопок, при выборе любой одной радиокнопки автоматически отменяется выбор других радиокнопок в пределах одной группы, разрешая пользователю только один ответ. Вот пример переключателя:

<label>
  <input type="radio" name="indoor-outdoor"> Indoor
</label> 

<label for="indoor">
  <input id="indoor" type="radio" name="indoor-outdoor"> Indoor
</label>

Добавьте пару радиокнопок в вашу форму, каждая из которых вложена в свой собственный элемент label. У первой радиокнопки должно быть значние indoor а у другой - значние outdoor . Обе должны совместно использовать атрибут name indoor-outdoor чтобы создать группу радиокнопок.

Вам могут потребоваться определенные поля формы, чтобы ваш пользователь не смог отправить вашу форму до тех пор, пока не будут заполнены все необходимые поля. Например, если вы хотите сделать поле обязательным для ввода, вы можете просто добавить атрибут required в ваш элемент input , например:

<input type="text" required>

Добавьте к вашему текстовому полю input атрибут required, чтобы ваш пользователь не мог отправить форму без завершения заполнения этого поля. Затем попробуйте отправить форму без ввода какого-либо текста. Посмотрите, как ваша форма HTML5 уведомляет вас о том, что это поле необходимо.

Давайте добавим кнопку <button type="submit" /> в вашу форму. Нажатие этой кнопки отправит данные из вашей формы по URL-адресу, указанному вами с помощью атрибута формы action.

Обратите внимание на атрибут type="submit". Именно он делает кнопку не просто кнопкой, а такой специальной, по которой если кликнуть, сработает отправка формы. Ежели создать просто кнопку <button /> и не прописать ей этот атрибут, то без дополнительных js-скриптов она будет бесполезна.

Вот пример кнопки отправки:

<button type="submit">this button submits the form</button>

Добавьте кнопку в качестве последнего элемента вашего элемента form с типом submit и Submit в качестве текста.