Кнопки с независимой фиксацией.
Значение атрибута CHECKBOX атрибута TYPE позволяет создать кнопку с независимой фиксацией.
<INPUT TYPE= CHECKBOX NAME=с1 VALUE=red CHECKED>Красный
<INPUT TYPE= CHECKBOX NAME=с1 VALUE=width>Широкий
В этом примере также значения атрибута NAME равны, а атрибут CHECKED устанавливает выделенную кнопку. В данном случае можно было этот атрибут присвоить и второй кнопке или не ставить его вовсе.
Кнопка выполнить
Как уже было сказано выше, тэг <FORM> имеет атрибут ACTION, который указывает на то, какое действие необходимо произвести с заполненной формой. Само действие начнет выполняться только после, того, как пользователь нажмет на кнопку «Выполнить». Эта кнопка создается также при помощи тэга <INPUT>, атрибут которого TYPE имеет значение SUBMIT
<INPUT TYPE=SUBMIT VALUE=Выполнить>
Значение атрибута VALUE задает текст, который появится на кнопке.
Кнопка восстановить значение по умолчанию.
Иногда, при слишком сложной форме, пользователь, запутавшись с вводом, может испытывать потребность восстановить ее первоначальное состояние. Для этого существует специальная кнопка. Для ее показа необходимо установить значение атрибута TYPE в RESET.
<INPUT TYPE= RESET VALUE=Очистить форму>
Скрытое поле
В форму можно включать поля ввода, которые имеют определенное значение и передаются на сервер, но на экран не выводятся. Такое поле используется в ряде специфических случаев, например, когда сервер хочет проконтролировать очередной запрос пользователя. Скрытое поле получается, если атрибут TYPE присвоить значение HIDDEN.
<INPUT TYPE= HIDDEN NAME=hidd VALUE=Запрос_2>
Списки
Раскрывающийся список создается парным тэгом <SELECT>. Каждая строка списка задается тэгом <OPTION>, причем элемента, который будет выбран первоначально, требуется указать атрибут SELECTED/
<SELECT NAME=lst1 MULTIPLE>
<OPTION SELECTED>Первый</OPTION>
<OPTION>Второй</OPTION>
<OPTION>Третий</OPTION>
</SELECT>
В примере создается список из трех элементов («Первый», «Второй», «Третий»). Причем первый элемент выбран по умолчанию. Атрибут MULTIPLE указывает на то, что возможен выбор более, чем одного элемента. Если этого не требуется – атрибут MULTIPLE можно опустить.
Ввод текстового массива
Парный тэг <TEXTAREA> позволяет организовать ввод большого фрагмента текста в несколько строк в специальном окне, снабженном полосой прокрутки. Атрибуты ROWS и COLSопределяют высоту и ширину этого окна соответственно в строках и символах При необходимости можно ввести текст по умолчанию, расположив его между открывающим и закрывающим тэгами:
<TEXTAREA NAME=comml ROWS=5 COLS=50>
Комментарий.
Введите любую текстовую информацию
</TEXTAREA>
В созданном таким образом окне можно редактировать текст, как в стандартном текстовом редакторе.
Теперь рассмотрим пример формы, которую можно использовать для сбора данных о посетителях сайта.
Пример
<HTML><HEAD>
<TITLE>ПРИМЕР ФОРМЫ</TITLE></HEAD>
<!-Тело HTML-Документа->
<BODY>
<P ALIGN=LEFT>
<FORM NAME=talk ACTION=mailto:[email protected] METHOD=POST>
<HR>
<CENTER>Пожалуйста, заполните мою анкету:</CENTER>
<HR>
Ваше имя:
<INPUT TYPE=TEXT NAME=name SIZE=35>
Ваш e-mail:
<INPUT TYPE=TEXT NAME= e-mail SIZE=35>
Ваш возраст (лет):
<INPUT TYPE=RADIO NAME=years VALUE=o-le15>Младше 15
<INPUT TYPE=RADIO NAME=years VALUE=o-15-25 CHECKED>15-25
<INPUT TYPE=RADIO NAME=years VALUE=o-26-35>26-35
<INPUT TYPE=RADIO NAME=years VALUE=o-36-60>36-60
<INPUT TYPE=RADIO NAME=years VALUE=o-old60>Старше 60
<BR>
Место вашего проживания
<SELECT NAME=city>
<OPTION SELECTED>Москва</OPTION>
<OPTION SELECTED>С-Петербург</OPTION>
<OPTION SELECTED>Самара</OPTION>
<OPTION SELECTED>Курск</OPTION>
<OPTION SELECTED>Брест</OPTION>
<OPTION SELECTED>Новосибирск</OPTION>
<OPTION SELECTED>Другое</OPTION>
</SELECT>
<HR>
Вам понравился мой сайт?
<INPUT TYPE CHECKBOX NAME=mark VALUE=Yes><BR><BR>
Ваши пожелания:<BR>
<TEXTAREA NAME=comment ROWS=5 COLS=50>
Теперь осваивай CGI:) )
</TEXTAREA>
<BR>
<INPUT TYPE=SUBMIT VALUE=Послать запрос>
<INPUT TYPE=RESET VALUE=Очисть форму>
</FORM>
</P></BODY></HTML>
С помощью такой формы можно собирать информацию о посетителях сайта.