Интернет программирование стр.15

<SELECT NAME="spisok"> COPTION SELECTED> Первая строка cOPTION> Вторая строка cOPTION> Третья строка с/SELECT>

В этом примере создан выпадающий список из трех строк, в котором первая строка выбрана по умолчанию.

И в этой же группе тэгов мы должны отметить тэг ctextarea> с его закрывающей парой с/textarea>, которые создают поле для ввода многострочного текста. Естественно, у этого тэга есть параметр name, и еще добавлены параметры rows и cols, задающие размер поля ввода по вертикали и горизонтали в строках и символах соответственно.

Посмотрим это все на примере.

Листинг 1.10. Файл 1-10.html

chtml> chead>

<Т1ТЬЕ>Пример формы</Т1ТЬЕ> <BODY>

<FORM METHOD=POST ACTION="http://www.myserver.com/scripts/myapp.exe">

<P> Ввод строки <INPUT TYPE=text NAME="editl" VALUE="Умолчание">

<P> Текстовое поле CTEXTAREA NAME="edit2" R0WS=3 COLS=25> Умолчание текстового поля

</TEXTAREA>

<Р>ПарОЛЬ <INPUT TYPE=PASSWORD NAME="Pass">

<Р>Вьшадающий списокХЗЕЬЕСТ NAME="Combo" SIZE=1>

<OPTION VALUE="One">Один</ОРТION>

<OPTION VALUE="Two">Два</ОРТION>

<OPTION VALUE="Three">Три</ОРТION>

</SELECT>

<Р>Переключатели

<P><INPUT TYPE=RADIO NAME=Radiobutton VALUE="checkl" CHECKED> Альтернатива!

<P><INPUT TYPE=RADIO NAME=Radiobutton VALUE="check2"> Йльтернатива2 <P><INPUT TYPE=RADIO NAME=Radiobutton VALUE="check3"> йльтернативаЗ <P><INPUT TYPE=SUBMIT NAME=send VALUE="Отослать"> </FORM> </BODY> </HEAD>

К сожалению, форма, использующая все элементы управления, из-за большого размера не всегда умещается на экране полностью. Поэтому и пришлось разбить пример на две части. Так, на рис. 1.10 видно отображение элементов управления, заданных в файле l-10.html.

А для демонстрации оставшихся элементов управления используем следующий пример.

Листинг 1.11. Файл 1-11.html

<HTML> <HEAD>

<Т1ТЬЕ>Пример формы 2</TITLE> <BODY>

<FORM METHOD=POST ACTION="http://www.myserver.com/scripts/myapp.exe"> <P> Флажки

<P><INPUT TYPE=CHECKBOX NAME=Checkl VALUE="checkl" CHECKED> Ань тернатива1

<Р><INPUT TYPE=CHECKBOX NAME=Check2 VALUE="check2"> Альтернатива2 <P><INPUT TYPE=CHECKBOX NAME=Checkl VALUE="check3"> АльтернативаЗ <P> И пара кнопочек

<P><INPUT TYPE=RESET NAME=ResetBut VALUE="Обновить"> <P><INPUT TYPE=BUTTON NAME=Buttonl VALUE="Простая кнопка"> </FORM> </BODY> </HEAD> </HTML>

Результат просмотра этого файла показан на рис. 1.11.

Рис. 1.10. Окно браузера с результатом просмотра файла, приведенного в листинге 1.10

Рис. 1.10. Окно браузера с результатом просмотра файла, приведенного в листинге 1.10

Обратите внимание, что в обоих примерах мы в тэге <form> указываем значение метода post и URL CGI-приложения, которое будет обрабатывать данные. Отметим также следующую маленькую тонкость. Все CGI-приложения должны находиться в специализированном каталоге WWWсервера. Обычно он носит название Scripts. Таким образом, мы получаем следующий URL: ссылка http://www.myserver.com указывает на местонахождение сервера и практически адресует нас в корневой каталог самого WWW-сервера. Потом уже указывается каталог Scripts, и в нем имя CGI-приложения Myapp.exe.


⇐ вернуться назад| |читать дальше ⇒


*