Помимо элементов <INPUT> , формы могут содержать меню <SELECT> и поля для ввода текста <TEXTAREA> .
Меню <SELECT> из n элементов выглядит примерно так:
<SELECT NAME="[имя]">
<OPTION VALUE="[значение 1]">[текст 1]
<OPTION VALUE="[значение 2]">[текст 2]
...
<OPTION VALUE="[значение n]">[текст n]
</SELECT>
Как Вы видите, меню начинается с метки <SELECT> и заканчивается меткой </SELECT> . Метка <SELECT> содержит обязательный атрибут NAME, определяющий имя переменной, которую генерирует меню.
Метка <SELECT> может также содержать атрибут MULTIPLE, присутствие которого показывает, что из меню можно выбрать несколько элементов. Большинство браузеров показывают меню <SELECT MULTIPLE> в виде окна, в котором находятся элементы меню (высоту окна в строках можно задать атрибутом SIZE=[число]). Меню <SELECT> в большинстве случаев показывается в виде выпадающего меню.
Метка <OPTION> определяет элемент меню. Обязательный атрибут VALUE устанавливает значение, которое будет передано обработчику, если выбран этот элемент меню. Метка <OPTION> может включать атрибут checked, показывающий, что данный элемент отмечен по умолчанию.
Разберем небольшой пример.
<SELECT NAME="selection">
<OPTION VALUE="option1" checked>Вариант 1
<OPTION VALUE="option2">Вариант 2
<OPTION VALUE="option3">Вариант 3
</SELECT>
Такой фрагмент определяет меню из трех элементов: Вариант 1, Вариант 2 и Вариант 3. По умолчанию выбран элемент Вариант 1. Обработчику будет передана переменная selection значение которой может быть option1 (по умолчанию), option2 или option3.
После всего, что мы уже узнали, элемент <TEXTAREA> может показаться совсем простым. Например:
<TEXTAREA NAME=address ROWS=5 COLS=50>
А здесь - Ваш адрес...
</TEXTAREA>
Все атрибуты обязательны. Атрибут NAME определяет имя, под которым содержимое окна будет передано обработчику (в примере - address). Атрибут ROWS устанавливает высоту окна в строках (в примере - 5). Атрибут COLS устанавливает ширину окна в символах (в примере - 50).
Текст, размещенный между метками <TEXTAREA> и </TEXTAREA> , представляет собой содержимое окна по умолчанию. Пользователь может его отредактировать или просто стереть.
Важно знать, что русские буквы в окне <TEXTAREA> при передаче обработчику могут быть конвертированы в соответствующие им символьные объекты.
Пример
Мы предлагаем вам узнать кем вы были в прошлой жизни. Для этого просто введите дату вашего рождения
<form action="http://istina.rin.ru/cgi-bin/lastlife.pl" method=post>
<select name=day ><option value=1>1<option value=2>2<option value=3>3<option value=4>4<option value=5>5<option value=6>6<option value=7>7<option value=8>8<option value=9>9<option value=10>10<option value=11>11<option value=12>12<option value=13>13<option value=14>14<option value=15>15<option value=16>16<option value=17>17<option value=18>18<option value=19>19<option value=20>20<option value=21>21<option value=22>22<option value=23>23<option value=24>24<option value=25>25<option value=26>26<option value=27>27<option value=28>28<option value=29>29<option value=30>30<option value=31>31</select>
<select name=month class=select style="width:80"><option value=1>января<option value=2>февраля<option value=3>марта<option value=4>апреля<option value=5>мая<option value=6>июня<option value=7>июля<option value=8>августа<option value=9>сентября<option value=10>октября<option value=11>ноября<option value=12>декабря</select>
<select name=year class=select style="width:50"><option value=1920>1920<option value=1921>1921<option value=1922>1922<option value=1923>1923<option value=1924>1924<option value=1925>1925<option value=1926>1926<option value=1927>1927<option value=1928>1928<option value=1929>1929<option value=1930>1930<option value=1931>1931<option value=1932>1932<option value=1933>1933<option value=1934>1934<option value=1935>1935<option value=1936>1936<option value=1937>1937<option value=1938>1938<option value=1939>1939<option value=1940>1940<option value=1941>1941<option value=1942>1942<option value=1943>1943<option value=1944>1944<option value=1945>1945<option value=1946>1946<option value=1947>1947<option value=1948>1948<option value=1949>1949<option value=1950>1950<option value=1951>1951<option value=1952>1952<option value=1953>1953<option value=1954>1954<option value=1955>1955<option value=1956>1956<option value=1957>1957<option value=1958>1958<option value=1959>1959<option value=1960>1960<option value=1961>1961<option value=1962>1962<option value=1963>1963<option value=1964>1964<option value=1965>1965<option value=1966>1966<option value=1967>1967<option value=1968>1968<option value=1969>1969<option value=1970>1970<option value=1971>1971<option value=1972>1972<option value=1973>1973<option value=1974>1974<option value=1975>1975<option value=1976>1976<option value=1977>1977<option value=1978>1978<option value=1979>1979<option value=1980>1980<option value=1981>1981<option value=1982>1982<option value=1983>1983<option value=1984>1984<option value=1985>1985<option value=1986>1986<option value=1987>1987<option value=1988>1988<option value=1989>1989<option value=1990>1990<option value=1991>1991<option value=1992>1992<option value=1993>1993<option value=1994>1994<option value=1995>1995<option value=1996>1996<option value=1997>1997<option value=1998>1998<option value=1999>1999<option value=2000>2000<option value=2001>2001<option value=2002>2002<option value=2003>2003</select>
<br>
<input type=submit value="Показать результат" >
<input type=hidden name=sait value=2>
</form>
1 2 3
8 8 8
| |
*
Обратная связь