Формы в HTML-документе. Элементы форм презентация

Форма – раздел документа, позволяющий пользователю вводить информацию для последующей обработки системой.
Форма — это инструмент, с помощью которого HTML-документ может послать некоторую информацию в некоторую заранее определенную точку внешнего мира, где информация будет некоторым образом обработана.

Написание формы состоит из нескольких шагов, которые могут быть выполнены в любом порядке:
написание формы пользовательского интерфейса;
реализация обработки на стороне сервера;
настройка формы для связи с сервером.

Элементы формы

Атрибуты элемента

Атрибуты элемента

Атрибуты элемента

Элементы формы

Элемент
Служит для создания различного типа полей

Элемент
Служит для создания различного типа полей

Элемент
Служит для создания различного типа полей

Элемент
Служит для создания различного типа полей

Элемент
Служит для создания различного типа полей

Атрибут type тега
type = button – создает кнопку
type = checkbox – создает флажок
Информатика
Математика
type = color – генерирует палитры цветов
type = date – позволяет вводить дату

Атрибут type тега
type = datetime-local – позволяет вводить дату и время
type = email – поле для ввода адреса электронной почты
type = file – позволяет загружать файлы с компьютера пользователя
type = hidden – скрывает элемент управления
type = image – создает кнопку, позволяя вместо текста на кнопке вставить изображение
интерфейса,

Атрибут type тега
type = month – позволяет пользователю вводить год и номер месяца
type = number – предназначено для ввода целочисленных значений
type = password – создает текстовые поля для ввода пароля
type = radio – создает переключатель
type = range – позволит создать ползунок
type = reset – создает кнопку, которая очищает поля формы от введенных пользователем данных

Атрибут type тега
type = reset – создает кнопку, которая очищает поля формы от введенных пользователем данных
type = submit – создает стандартную кнопку, активизируемую щелчком мыши
type = text – создает однострочноем текстовое поле
type = time – позволяет вводить время в 24-часовом формате по шаблону чч:мм

Атрибут type тега
type = reset – создает кнопку, которая очищает поля формы от введенных пользователем данных
type = submit – создает стандартную кнопку, активизируемую щелчком мыши
type = text – создает однострочноем текстовое поле
type = time – позволяет вводить время в 24-часовом формате по шаблону чч:мм

Элемент
<br><textarea><br>...<br>
Используется для создания больших текстовых полей.
cols – размеры по горизонтали;
rows – размеры по вертикали.

Раскрывающийся список
В списке можно выбирать одно или несколько значений.
Пункт 1
Пункт 2
Пункт 2

Надписи к полям формы
Надписи к элементам формы создаются с помощью элемента
...
.

Кнопки
...
Внутрь элемента
можно поместить контент – текст или изображение.

Тег
Теги
используются для шифровки и расшифровки данных.
Тег
Теги создают область для вывода работы скрипта.

Тег
Группирует желаемую часть формы
Тег
Устанавливает заголовок группы элементов формы
Заголовок
...