Платформы корпоративных информационных систем



              

Пример 9-1. Форма HTML, демонстрирующая использование различных элементов



Пример 9-1. Форма HTML, демонстрирующая использование различных элементов


<HTML><HEAD><TITLE>Moя вторая страница форм</TITLE>

<р>Это анкета. Пожалуйста, сообщите о себе следующие данные:

<!-Начнем форму. Мы используем метод 'POST' для передачи данных

CGI-программе с именем 'survey.cgi'

<FORM METHOD=POST ACTION="survey.cgi">

<р>Имя: <INPUT SIZE=40 NAME='name'Xbr>

<!-Это тег <INPUT>, имеющий (по умолчанию) тип 'TEXT'. Он имеет длину 40

символов, и данные получат имя 'name'

Номер социального страхования:

<INPUT TYPE=PASSWORD NAME='ssn' SIZE=20Xbr>

<!-Это тег <INPUT>, имеющий стиль 'PASSWORD', используемый для того, чтобы нельзя было подглядеть из-за спины пользователя, какое значение он ввел. Данные получат имя 'ssn', экранное поле имеет длину 20 символов.-->

Связаны ли вы сейчас с коммунистической партией или были связаны с ней ранее?

<INPUT TYPE=CHECKBOX NAME='commie' VALUE='yes'><br>

<!-Это тег <INPUT>, имеющий тип 'CHECKBOX' и использующий для данных имя 'commie'. При передаче формы с установленным флажком с именем 'commie'будет ассоциировано значение 'yes'

Пол:

<INPUT TYPE=RADIO NAME='sex' VALUE='мужской'> Мужской

<INPUT TYPE=RADIO NAME='sex' VALUE='женский'> Женский

<INPUT TYPE=RADIO NAME='sex' VALUE='отсутствует1 CHECKED> Отсутствует<br>

<!-Три тега <INPUT> типа 'RADIO', использующие для данных имя 'sex'. Можно выбрать только один вариант из трех, и поскольку один из них предустановлен, значение будет послано, даже если пользователь не выберет ни одного из них, Посылаемое серверу значение находится в атрибуте 'VALUE' и мйжет не иметь отношения к тексту, следующему за тегом. -->

<INPUT TYPE=HIDDEN NAME="form_number" VALUE="33a">

<!-Это дополнительные данные, которые мы хотим послать серверу, но пользователю знать об этом не нужно, поэтому мы поместили их внутрь тега <INPUT> типа 'HIDDEN' -->

Пожалуйста, укажите путь к вашей любимой игре:

<INPUT TYPE=FILE NAME='game'

SIZE=40><br>

<!-Если пользователь введет правильный путь, то при подаче формы файл будет передан на веб-сервер Q именем 'game'. Это, однако, не столь опасно, как может показаться, поскольку большинство броузеров запрашивает подтверждение на передачу. -->

Ваш любимый цвет (цвета)?<br>

<SELECT NAME="color" MULTIPLE SIZE=5>

<OPTION>Красный

<OPTION>Зеленый

<OPTION>Желтый

<OPTION>Оранжевый

<OPTION VALUE="Голубой">Прелестный









Содержание  Назад  Вперед