Многострочное текстовое поле
Для редактирования текста в форму можно вставить элемент управления - многострочное текстовое поле. Обозначается этот элемент TEXTAREA и задаётся парными тегами. Отличие этого элемента управления от обычного текстового поля – начальное значение не задаётся атрибутом value, а записывается между тегами <TEXTAREA> и </TEXTAREA>.
При отображении в текстовом поле форматирование текста сохраняется как при использовании тега PRE. Размер элемента управления задается не атрибутом size, а с помощью следующих атрибутов:
rows – задаёт количество строк, которые отображаются без необходимости вертикальной прокрутки;
cols – задаёт максимальное количество символов в строке текстового поля, отображаемое без переноса.
ПРИМЕР 2 Создание многострочного текстового поля.
<TEXTAREA name=”txtText” rows=10 cols=40>
Первый перевод строки не учитывается
Все последующие переводы строки учитываются
Учитываются также отступы от начала строки
Можно использовать зарезервированные символы типа<> & и прочие
</TEXTAREA>
В окне браузера многострочное текстовое поле выглядит так.
Создание кнопки button
В HTML предусмотрен отдельный элемент BUTTON на случай, если разработчику формы не хватит возможностей обычных командных кнопок. При помощи BUTTON создаются кнопки, на которые можно поместить практически всё, за исключением других форм, фреймов и т.д.
Используется этот вид кнопок аналогично кнопкам, создаваемым HTML-элементом INPUT со значением атрибута type, равным button. Отличаются кнопки button прежде всего созданием: для задания используются парные теги <BUTTON> и </BUTTON>, между которыми помещается форматированный текст.
ПРИМЕР 3. Создание кнопки BUTTON.
<BUTTON name=”cmbSomeButton” type= “button”>
<BR>
<TABLE border=1>
<CAPTION> Таблица</CAPTION>
<TR><TD>1<TD>2
<TR><TD>3<TD>4
</TABLE>
<BR>
</BUTTON>
Меню
При создании форм можно использовать еще один достаточно удобный элемент управления, позволяющий выбрать одну или несколько альтернатив из списка – меню (или список параметров). Добавляется в форму этот элемент управления использованием трёх HTML-элементов: SELECT, OPTGROUP и OPTION. Хотя обязательно использовать только первый и третий.
Элемент SELECT является контейнером пунктов меню, задаётся при помощи парных тегов <SELECT> и </SELECT> и поддерживает такие атрибуты:
name – имя меню, которое также используется как название параметра при отправке формы;
size – задаёт количество строк, одновременно видимых пользователем;
multiple – булев атрибут, позволяющий разрешить выделение нескольких пунктов одновременно;
disabled – булев атрибут, деактивирует меню;
title – текст подсказки для меню;
tabindex – номер при перемещении между элементами управления при помощи табуляции.
Элемент управления меню может представляться различными браузерами по-разному: в виде списка, в виде раскрывающегося списка, в виде раскрывающегося меню.
ПРИМЕР 4. Создание двух меню.
<TITLE> Создание простых меню </TITLE>
size=1
<SELECT name = "menu1">
<OPTION value = "1.1"> Пункт 1
<OPTION value = "1.2"> Пункт 2
<OPTION value = "1.3"> Пункт 3
<OPTION value = "1.4"> Пункт 4
<OPTION value = "1.5"> Пункт 5
<OPTION value = "1.6"> Пункт 6
</SELECT>
size=4
<SELECT name = "menu2" size="4">
<OPTION value = "2.1"> Пункт 1
<OPTION value = "2.2"> Пункт 2
<OPTION value = "2.3"> Пункт 3
<OPTION value = "2.4"> Пункт 4
<OPTION value = "2.5"> Пункт 5
<OPTION value = "2.6"> Пункт 6
</SELECT>
В тексте примера есть и HTML-элемент OPTION. Он используется для задания отдельных пунктов меню. Задаётся парными тегами <OPTION> и </OPTION>, между которыми помещается текст пунктов меню. Имеет атрибуты:
value – текст, который будет отправлен с формой при выборе пункта меню;
selected – булев атрибут, позволяющий выделить пункт меню по умолчанию (не следует устанавливать для нескольких пунктов одного меню, если не установлен атрибут multiple);
disabled – булев атрибут, запрещает выбор пункта меню ( правда, в реализации меню списками это сделать сложно )
Третий элемент OPTGROUP используется для группировки пунктов меню. Создаются группы заключением HTML-элементов OPTION, определяющих пункты меню одной группы, в парные теги <OPTGROUP> и </OPTGROUP>. Настроить параметры группы можно с использованием атрибутов:
label – строка с подписью для группы;
disabled – запретить выбор пунктов меню, принадлежащих этой группе (аналогично атрибуту disabled для элемента OPTION).
В окне браузера Внешний вид меню
ПРИМЕР 5.Разбиения пунктов меню на группы для двух меню
size=1
<SELECT name = "menu1">
<OPTGROUP label = "Группа 1">
<OPTION value = "1.1.1"> Пункт 1.1
<OPTION value = "1.1.2"> Пункт 1.2
<OPTION value = "1.1.3"> Пункт 1.3
</OPTGROUP>
<OPTGROUP label = "Группа 2">
<OPTION value = "1.2.1"> Пункт 2.1
<OPTION value = "1.2.2"> Пункт 2.2
<OPTION value = "1.2.3"> Пункт 2.3
</OPTGROUP>
</SELECT>
size=4
<SELECT name = "menu2" size="4">
<OPTGROUP label = "Группа 1">
<OPTION value = "2.1.1"> Пункт 1.1
<OPTION value = "2.1.2"> Пункт 1.2
<OPTION value = "2.1.3"> Пункт 1.3
</OPTGROUP>
<OPTGROUP label = "Группа 2">
<OPTION value = "2.2.1"> Пункт 2.1
<OPTION value = "2.2.2"> Пункт 2.2
<OPTION value = "2.2.3"> Пункт 2.3
</OPTGROUP>
</SELECT>
В окне браузера внешний вид меню с группированными пунктами