Создадим форму для отправки

Формы нужны для того, чтобы отправлять данные с веб-страницы на веб-сервер,

который сможет эти данные обработать: зарегистрировать пользователя, создать
сообщение на форуме, отправить письмо и так далее. В общем, формы в вебе просто
необходимы.
Теги, которые сегодня понадобятся:
<form></form>
Его атрибуты

 action задаёт адрес, URL, отправки формы;

 method задаёт метод отправки формы.

<input>. одиночный тег У этого тега два обязательных атрибута:

type - задаёт тип поля;

name - задаёт имя поля.
Основной атрибут тега <input>, определяющий вид элемента – type. Он позволяет
задавать следующие элементы формы:
текстовое поле (text),
поле с паролем (password),
переключатель (radio),
флажок (checkbox),
скрытое поле (hidden),
кнопка (button),
кнопка для отправки формы (submit),
кнопка для очистки формы (reset),
поле для отправки файла (file)
и кнопка с изображением (image).
--------------------------------------------------------------------------------------------------

<label></label> парный тег. Он связывает текст и поле ввода логически

1 Добавим надпись для формы обратной связи.

2 Запишем код, который создаст форму.

3 Внешне никаких изменений нет, но на этой форме мы создадим поля для ввода
логина, пароля и кнопку для отправки.
Добавим надпись и поле для ввода логина или имени пользователя.

Сейчас поле и надпись никак не связаны. Свяжем их с помощью идентификатора id.

Абсолютно аналогично добавим еще одно поле для ввода пароля.

Пока текст по умолчанию в поле отображается как обычно. Но если заменить атрибут
text на password, то вместо этого мы увидим звездочки. Проверьте.

Итог
Аналогично добавим область для ввода сообщения или отзыва. Не забываем, весь код
должен находиться внутри тега Form.

Добавим кнопку для отправления формы:

В результате получим.
 Теперь создадим список с помощью переключателя radio. Для этого используем тег
input, атрибут type со значением radio.

Результат:

И последнее на сегодня, рассмотрим, как можно добавить карту на сайт.

Загрузите Google карты и укажите адрес.

Далее в меню, найдите пункт ссылка/код и перейдите на вкладку встраивание карт.

Скопируйте адрес ссылки, указанный ниже.

Далее нужно только вставить эту ссылку в нужное место кода. И все готово!