Урок Формы Форма предназначена для подготовки и отправки данных шлюзу cgi

Урок 5. Формы

Форма предназначена для подготовки и отправки данных шлюзу CGI.

Тег формы записывается в следующем виде:

.....

Параметры action, method и enctype рассматривать не будем (будем писать тег без параметров). Внутри формы используется три элемента-тега: input, select, textarea.

Input обеспечивает ввод однострочных полей с информацией. Параметры:

type – тип вводимой информации:

type=text – задает текстовое поле ввода, размер поля– size. Размер вводимой строки не ограничен, но может ограничиваться атрибутом maxlength. Начальное значение текста задается с помощью атрибута value. Для присвоения имени полю атрибут name.

Пример:

type=password –аналогичен text, только вместо символов показывает звездочки.

type=checkbox – Отображается в виде помечаемого галочкой квадрата. Для задания имени параметра используется атрибут name, а для задания значения параметра используется value.

Пример: посылать данные.

type=radio – Используется для выбора одного значения из списка нескольких значений. Каждая кнопка в группе должна иметь одинаковое имя, задаваемое параметром name, а также собственное значение, которое задает value.

Вы слушаете:


Rap


Pop


Metall


Classic


type=submit – Создает кнопку, при нажатии на которую данные отправляются обрабатывающему шлюзу. Текст кнопки задается value. Пример:

type=reset – Создает кнопку, которая сбрасывает все значения в форме и устанавливает их по умолчанию.

Не были рассмотрены параметры type=file, image и hidden – применяются редко.

Элемент select – создает меню, из которого можно выбрать один или несколько элементов. Элемент select должен иметь закрывающую метку. Внутри него размещаются элементы option, которые задают значения пунктов меню. Меню, имеющее возможность выбора нескольких элементов, отображается в виде списка, при выборе только одного элемента меню отображается в виде выпадающего.

Элемент select имеет следующие атрибуты:

name –указывает имя, которое будет использоваться при передаче.

size – устанавливает высоту меню в строках, если оно имеет возможность выбора нескольких элементов.

multiple – возможность выбора нескольких элементов меню.

Элемент option имеет следующие атрибуты:

selected – данный элемент меню выделяется при загрузке документа, value – значение, передаваемое обработчику формы вместе с атрибутом name. Элемент option может не иметь закрывающей метки.

Пример:



Red

Green

Blue

Тег textarea – создает текстовое поле в форме. Все, что между открывающим и закрывающим тегами, имеет такое же значение, как и параметр value. Этот тег может иметь следующие параметры:

name – указывает имя, которое будет использоваться при передаче.

rows – устанавливает высоту размера поля для ввода текста в виде количества видимых строк текста.

cols – устанавливает количество видимых символов в строке. Если введенный текст не помещается в область, выделенную для ввода, то браузер должен обеспечить прокрутку содержимого.

Сюда Вы должны вводить текст

Задание к уроку

1. 
   Создайте форму согласно предложенному коду:
   

поступайте в гимназию №1!


укажите фамилию





укажите имя





укажите отчество





до 20 лет


до 40 лет


> 40 лет





музыка


спорт


кино


компьтеры

Автобиография

Расскажите о себе

<br /><br />Сюда Вы должны вводить текст<br /><br />

Почему Вы все же решили поступать в гимназию?



Родители сказали "Так надо"

Не знаю

Не помню

Внезапно захотел учиться