10_Формы

Содержание

Слайд 2

ФОРМА Форма предназначена для обмена данными между пользователем и сервером. Область

ФОРМА

Форма предназначена для обмена данными между пользователем и сервером. Область применения

форм не ограничена отправкой данных на сервер, с помощью клиентских скриптов можно получить доступ к любому элементу формы, изменять его и применять по своему усмотрению.
Документ может содержать любое количество форм, но одновременно на сервер может быть отправлена только одна форма. По этой причине данные форм должны быть независимы друг от друга.
Слайд 3

ФОРМЫ ... Атрибут action содержит адрес, на который отправляется форма, если

ФОРМЫ

...
Атрибут action содержит адрес, на который отправляется форма,

если адрес не указан, то данные отправляются на ту же страницу.
Атрибут method определяет способ отправки данных.
Слайд 4

ТЕГ Тег является одним из разносторонних элементов формы и позволяет создавать

ТЕГ

Тег является одним из разносторонних элементов формы и позволяет

создавать разные элементы интерфейса и обеспечить взаимодействие с пользователем. Главным образом предназначен для создания текстовых полей, различных кнопок, переключателей и флажков.
Основной атрибут тега , определяющий вид элемента — type.
Атрибут name определяет имя, с которым данные будут отправлены.
Данные хранятся в атрибуте value.
Атрибут required не позволит отправить данный тег не заполненным.
Слайд 5

Тип Описание button Кнопка. checkbox Флажки. Позволяют выбрать более одного варианта

Тип Описание
button Кнопка.
checkbox Флажки. Позволяют выбрать более одного варианта из предложенных.
file Поле для

ввода имени файла, который пересылается на сервер.
hidden Скрытое поле. Оно никак не отображается на веб-странице.
image Поле с изображением. При нажатии на рисунок данные формы отправляются на
сервер.
password Обычное текстовое поле, но отличается от него тем, что все символы
показываются звездочками. Предназначено для того, чтобы никто не подглядел
вводимый пароль.
radio Переключатели. Используются, когда следует выбрать один вариант из
нескольких предложенных.
reset Кнопка для возвращения данных формы в первоначальное значение.
submit Кнопка для отправки данных формы на сервер.
text Текстовое поле. Предназначено для ввода символов с помощью клавиатуры.
Слайд 6

TYPE В HTML5 color Виджет для выбора цвета. date Поле для

TYPE В HTML5

color Виджет для выбора цвета.
date Поле для выбора календарной даты.
datetime Указание даты

и времени.
datetime-local Указание местной даты и времени.
email Для адресов электронной почты.
number Ввод чисел.
range Ползунок для выбора чисел в указанном диапазоне.
search Поле для поиска.
tel Для телефонных номеров.
time Для времени.
url Для веб-адресов.
month Выбор месяца.
week Выбор недели.
Слайд 7

Дополнительные атрибуты hidden - скроет поле ввода, однако данные из value

Дополнительные атрибуты

hidden - скроет поле ввода, однако данные из value отправятся.
disabled

- отключит использование поля для ввода.
maxlength - устанавливает ограничение на количество символов.
min и max - устанавливают минимальное и максимальное значение для type number и range.
step - установит шаг в number и range.
readonly="readonly" - установит input в режим только для чтения.
placeholder - добавит строку подсказку для поля ввода.
Слайд 8

BUTTON Тег создает на веб-странице кнопки и по своему действию напоминает

BUTTON

Тег 

с помощью тега  (с атрибутом type="button | reset | submit"). В отличие от этого тега, 
Слайд 9

SELECT Тег позволяет создать элемент интерфейса в виде раскрывающегося списка, а

SELECT

Тег , который устанавливает высоту списка.
Ширина списка определяется самым широким текстом, указанным в теге

Слайд 11

LABEL Тег устанавливает связь между определенной меткой, в качестве которой обычно

LABEL

Тег 

и элементом формы (,