Формы в HTML

Зачем нужны формы
Для сбора информации от пользователя и отправки ее на сервер для обработки.
Вот пример формы:
Теги форм задают:
поля ввода разного типа
и кнопки, вызывающие отправку данных и (при необходимости) отмену действий.

Тег-контейнер
Все элементы формы заключаются в тег-контейнер …
-->
Атрибуты:
NAME – определяет имя формы, уникальное для данного документа. Используется только , если в документе присутствует несколько форм.
ACTION – обязательный атрибут. Указывает путь к скрипту( или программе) сервера, обслуживающему данную форму.
METHOD – определяет способ отправки содержимого html формы. Возможные значения GET (по умолчанию) и POST. -->
Атрибуты:
NAME – определяет имя формы, уникальное для данного документа. Используется только , если в документе присутствует несколько форм.
ACTION – обязательный атрибут. Указывает путь к скрипту( или программе) сервера, обслуживающему данную форму.
METHOD – определяет способ отправки содержимого html формы. Возможные значения GET (по умолчанию) и POST.

Тег
, ввод строки текста
Введите ФИО: size="30">
Введите пароль:
Атрибуты:
TYPE - определяет тип поля для ввода данных. По умолчанию – это "text". Если тип "password”, то строка показывается звездочками.
NAME - определяет имя для передачи содержания данной html формы на сервер.
SIZE - определяет ширину поля в символах. По умолчанию 24.
MAXLENGTH , который определяет максимальное количество символов, которые можно ввести в текстовом поле.
VALUE – значение поля по умолчанию.

Тег
, радиокнопки
Какой диск вы хотите получить? type="radio" value="cd" checked>
CD
DVD
Тег
, группа чекбоксов (флажков)
Какие обучающие курсы вы хотите видеть на диске?
Курсы по Фотошопу
Курсы по Adobe Dreamweaver
Курсы по PHP

Тег
, выбор ОДНОЙ строки
Выберите способ доставки:
value="srochnaya" > Срочная
Не срочная
Курьером
Атрибут SIZE задает количество одновременно видимых пунктов меню. В нашем случае это 1.
Атрибут флаг SELECTED означает что данное значение, будет выбрано по умолчанию. value="srochnaya" > Срочная
Не срочная
Курьером

Тег
, Ctrl-выбор НЕСКОЛЬКИХ строк списка
Выберите способ доставки:
size="3" multiple >
Срочная
Не срочная
Курьером
Тег
, большое поле текста
Введите адрес для доставки: size="3" multiple >
Срочная
Не срочная
Курьером

Тег
, кнопки отправки и сброса type="reset" value="Отмена">
Строка
это шесть “Non-Breakable SPace”, которые разделяют кнопки по горизонтали.

13 новых типов форм:

Атрибут autofocus
«Фокус» в Web – активность элемента фомы.
Автофокус – автоматический переход на форму (пример – http://google.com)

Атрибут Required
Поле становиться обязательным.

Атрибут Placeholder
Текст подсказка в строке.
Без «фокуса»
С «фокусом»
Пример атрибута
«placeholder»

Задание
https://novaposhta.ua/ru/international_delivery/create_men
Воссоздать элементы формы Оформления заявки на 4 отдельных страницах. Реализовать переход по ссылкам между этими страницами

Новые элементы форм
Тег
number, range
date, week, month, time
color
email, tel
search
url

Вывод
Тег
Средство для вывода выбираемого значения
1
100

Вывод
Введите длину в дюймах:
Длина в сантиметрах:
0