Примечание. Скрытое поле создается с помощью одинарного тега <INPUT TYPE="hidden">

Скрытое поле создается с помощью одинарного тега <INPUT TYPE="hidden">.

Дополнительные элементы управления

Дополнительные элементы управления служат не для ввода данных, а для удобства посетителя страницы. Они поддерживаются только достаточно новыми программами Web-обозревателей, а именно Internet Explorer, начиная с версии 5.0, Navigator, начиная с версии 6.0, и всеми версиями Opera и Mozilla.

Метка

Метка — это просто текстовая подпись, добавляемая к обычному элементу управления, например, полю ввода или переключателю.

Чтобы привязать метку к элементу управления, выделите его и нажмите кнопку Label (рис. 16.26) панели объектов или выберите пункт Label подменю Form Objects меню Insert. После этого Dreamweaver переключится в режим отображения содержимого страницы и ее HTML-кода, и в окне документа вы увидите такой код:

<LABEL>...Код элемента управления... </LABEL>

Рис. 16.26. Кнопка Label панели объектов

Как видите, метка создается с помощью парного тега <LABEL>. HTML-код элемента управления, к которому привязывается метка, находится внутри этого тега. Текст же метки вводится также внутрь этого тега, перед кодом элемента управления или после него. В первом случае текст метки появится перед элементом управления, а во втором — после него.

Например, следующий код поместит на Web-странице метку и -- после нее — поле ввода:

<LABEL>Поле ввода <INPUT TYPE="text" NAME="textfield"></LABEL>

А этот код поместит поле ввода ниже метки:

<LABEL>Поле ввода<BR><INPUT TYPE="text" NAME="textfield"></LABEL>

Можете проверить — оба этих фрагмента кода действительно работают.

Группа

Группа элементов управления — это простой прямоугольник, объединяющий несколько элементов управления и имеющий текстовую метку.

Чтобы объединить несколько элементов управления в группу, выделите их и нажмите кнопку Fieldset (рис. 16.27) панели объектов или выберите пункт Fieldset подменю Form Objects меню Insert. После этого Dreamweaver переключится в режим отображения содержимого страницы и ее HTML-кода и выведет небольшое диалоговое окно Fieldset, показанное на рис. 16.28. Введите в единственное поле ввода этого окна текст метки и нажмите кнопку ОК.

Рис. 16.27. Кнопка Fieldset панели объектов

Рис. 16.28. Диалоговое окно Fieldset После этого вы увидите такой код в окне документа:

<FIELDSET>

<LEGEND>Teкст метки</LEGEND>

...Коды элементов управления... </FIELDSET>

Да, группа создается с помощью парного тега <FIELDSET>, внутри которого помещается HTML-код всех входящих в группу элементов управления. Текст метки помещается внутри особого парного тега <LEGEND>, находящегося внутри тега <FIELDSET>. В зависимости от места, где находится тег <LEGEND>, метка будет помещена вверху или внизу группы.

Внимание!

Элементы управления, помещенные в группу, должны быть окружены тонким прямоугольником. Но Dreamweaver не отображает этот прямоугольник. Чтобы увидеть его, откройте страницу в Web-обозревателе.

Поиск по сайту: