- •Лабораторная работа №4. «формы»
- •1. Введение в формы
- •2. Управляющие элементы
- •2.1 Типы управляющих элементов
- •3. Элемент form
- •4. Элемент input
- •4.1 Типы управляющих элементов, создаваемые с помощью элемента input
- •4.2 Примеры форм с управляющими элементами типа input
- •5. Элемент button
- •6. Элементы select, optgroup и option
- •6.1. Заранее выбранные варианты
- •Элемент optgroup
- •Элемент option
- •7. Элемент textarea
- •8. Отправка формы
- •8.1 Метод отправки формы
- •8.2 Успешные управляющие элементы
- •Задание для выполнения лабораторной работы
- •Варианты тем для создания интерактивных страниц по лабораторной работе
3. Элемент form
Начальный тег: обязателен, Конечный тег: обязателен
Определения атрибутов
action = url
Задает агента для обработки формы. Например, значением может быть URI HTTP (для передачи формы в программу) или mailto URL (для отправки формы по электронной почте).
method = get|post
Определяет метод HTTP, используемый для передачи набора данных формы. Возможные значения (с учетом регистра) - "get" (по умолчанию) и "post".
enctype = content-type
Этот атрибут задает тип содержимого, используемый для отправки формы на сервер (если для метода используется значение "post"). По умолчанию для этого атрибута используется значение "application/x-www-form-urlencoded". С элементом INPUT, type="file" должно использоваться значение "multipart/form-data".
Элемент FORM служит контейнером для управляющих элементов. Он определяет:
Макет формы (дается содержимым элемента).
Программу, которая будет обрабатывать заполненную и переданную форму (атрибут action). Получающая форму программа должна иметь возможность определения пар имя/значение, чтобы их использовать.
Метод отправки данных на сервер (атрибут method).
Форма помимо управляющих элементов может содержать текст и разметку (абзацы, списки и т.д.).
В следующем примере показана форма, которая должна обрабатываться программой "adduser". Эта форма будет отправляться с использованием метода HTTP "post".
<FORM action="http://somesite.com/prog/adduser" method="post">
...содержимое формы...
</FORM>
В следующем примере показана отправка формы на адрес электронной почты:
<FORM action="mailto:Kligor.T@gee.whiz.com" method="post">
...содержимое формы...
</FORM>
4. Элемент input
Начальный тег: обязателен, Конечный тег: запрещен
Определения атрибутов
type = text|password|checkbox|radio|submit|reset |file|hidden|image|button
Определяет тип управляющего элемента. По умолчанию используется значение "text".
name =
Определяет имя управляющего элемента.
value =
Определяет начальное значение управляющего элемента. Этот атрибут не обязателен, если только для атрибута type не установлено значение "radio".
size =
Сообщает агенту пользователя начальную ширину управляющего элемента. Ширина дается в пикселах, если для атрибута type не установлено значение "text" или "password". В этом случае ширина задается в числе символов (число должно быть целым).
maxlength = число
Если для атрибута type установлено значение "text" или "password", этот атрибут определяет максимальное число символов, вводимых пользователем. Это число может превышать указанный в атрибуте size размер поля; в этом случае агент пользователя должен обеспечивать механизм прокрутки. По умолчанию число символов не ограничено.
checked
Если для атрибута type установлено значение "radio" или "checkbox", этот логический атрибут указывает, что флажок установлен. Агенты пользователей должны игнорировать этот атрибут для других типов управляющих элементов.
src = uri
Если атрибут type имеет значение "image", этот атрибут определяет местоположение изображения, используемое для представления графической кнопки.
