1  2  3  4  5  6  7

Переключатели
Переключатели в Web -формах, как и в обычных Windows -окнах, применяются только группами. В самом деле, в одиночку они абсолютно бесполез­ны — в таком случае гораздо удобнее использовать флажки.
Для помещения в форму переключателя используется кнопка Radio Button панели объектов или пункт Radio Button подменю Form Objects меню Insert .
В поле ввода RadioButton вводится уникальное имя группы переключателей. Переключатели, входящие в одну группу, должны иметь одно и то же имя. В данном случае принцип "каждому элементу управления — уникальное имя" нарушается. Уникальное имя должна иметь каждая группа переключа­телей.
Dreamweaver автоматически подставит в поле ввода RadioButton сгенерированное им самим имя, но вам сразу же следует его изменить. Вы также можете выбрать пункт Name в контекстном меню переключателя и изменить это имя в появившемся на экране диалоговом окне Change Attribute .
В поле ввода Checked Value вводится текст, отправляемый серверной программе, если переключатель будет включен посетителем, т. е. если он будет включен, серверной программе будут отправлены такие данные:
<Имя группы переключателей>=<3начение Checked Value >
По значению checked value серверная программа может определить, какой переключатель группы был включен. Если же ни один переключатель в на­боре не был включен, отправляемая пара опять же будет "неполной":
<Имя группы переключателей>=
Вы также можете выбрать пункт Value в контекстном меню переключателя и изменить отправляемый текст в появившемся на экране диалоговом окне Change Attribute .
Группа переключателей Initial State задает начальное состояние созданного вами переключателя. Если включен переключатель Unchecked , наш пере­ключатель будет отключен (значение по умолчанию), а переключатель Checked сделает его изначально включенным. Но не забудьте, что соглашения фирмы Microsoft о пользовательском интерфейсе Windows -приложений требуют, чтобы один из переключателей в группе обязательно был включен изначально.
Примечание Переключатель создается с помощью одинарного тега < input TYPE =" radio ">.
Группа переключателей
Dreamweaver предоставляет удобные средства создания сразу целой группы переключателей. В самом деле, если переключатели целесообразно использовать только группой, неудобно создавать их по одному. Чтобы создать в форме группу переключателей, нажмите кнопку Radio Group панели объектов или выберите пункт Radio Group подменю Form Objects меню Insert . После этого на экране появится диалоговое окно Radio Group .
В поле ввода Name этого окна вводится уникальное имя создаваемой группы переключателей. Dreamweaver автоматически подставит туда сгенериро­ванное им самим имя, но вам сразу же следует его изменить.
Все созданные вами переключатели группы отображаются в списке Radio Buttons . Этот список состоит из двух колонок: Label (надпись возле переключателя) и Value (значение, отсылаемое серверной программе, если этот переключатель был включен посетителем). Вы можете выбрать любой пункт этого списка и произвести над ним некоторые манипуляции.
Как видите, Dreamweaver уже создал для вас два переключателя; вам остается только задать для них надпись и значение. Для этого выберите нужный пункт списка и щелкните по значению, находящемуся в соответствующей колонке. Вместо значения появится небольшое поле ввода; введите, что хотите, и нажмите клавишу < Enter >.
Чтобы добавить еще один переключатель в список, нажмите кнопку со зна­ком "плюс", находящуюся над списком. В списке появится еще один пункт; задайте для него нужные значения.
Чтобы удалить ненужный переключатель, выберите в списке соответствую­щий ему пункт и нажмите кнопку со знаком "минус".
Кнопки ^ и v позволят вам переместить выбранный пункт списка на позицию выше и ниже.
Группа переключателей Lay Out Using позволяет задать, каким образом переключатели создаваемой группы будут размещаться в форме. Если включен переключатель Line Breaks
(< br > Tags ), переключатели будут размещены в одном текстовом абзаце и отделены друг от друга тегом разрыва строки < br >. Если же включен переключатель Table , Dreamweaver поместит все соз­даваемые переключатели в таблицу.
Задав нужные данные, нажмите кнопку ОК. Если вы передумали создавать группу переключателей, нажмите кнопку Cancel .
После того как группа переключателей будет создана, вы можете выделить любой из них и изменить его параметры с помощью редактора свойств.
Список
Для помещения в форму обычного или раскрывающегося списка используется кнопка List / Menu панели объектов или пункт List / Menu подменю Form Objects меню Insert .
В поле ввода List / Menu вводится уникальное имя списка. Dreamweaver автоматически подставит туда сгенерированное им самим имя, но вам сразу же следует его изменить. Вы также можете выбрать пункт Name в контекстном меню списка и изменить это имя в появившемся на экране диалоговом окне Change Attribute .
С помощью группы переключателей Туре вы можете выбрать между обыч­ным списком (переключатель Menu ) и раскрывающимся списком (переключатель List ).
При нажатии на кнопку List Values на экране появляется диалоговое окно List Values . В нем вы сможете ввести пункты, которые будут отображаться в создаваемом вами списке. Вызвать это окно можно также, выбрав пункт List Items в контекстном меню списка,
Большую часть этого окна занимает список пунктов. Каждая позиция этого списка состоит из двух полей: поля названия пункта ( Item Label ), которое; отображается в форме, и поля значения ( Value ), которое будет отправлено серверной программе, если этот пункт будет выбран, т. е. отправлена будет такая пара:
<Имя списка>=<3начение пункта>
Если ни один из пунктов списка не будет выбран, серверная программа получит уже знакомую вам "неполную" пару:
< Имя списка >=
При щелчке на строке списка в одной из колонок там появится поле ввода, где вы сможете ввести либо название пункта, либо его значение. Нажимая клавишу <Таb >, вы сможете перемещаться по позициям списка, от первой; до последней. Если вы нажмете эту клавишу, находясь в колонке Value последней позиции списка, в список будет добавлена новая пустая позиция.
Кнопка со знаком "плюс" позволяет добавить в список новую позицию, кнопка со знаком "минус" удаляет выбранную. Кнопки ^ и v , перемещают выбранную позицию списка выше или, ниже.
Введя все пункты создаваемого списка, нажмите кнопку ОК, после чего список будет заполнен введенными пунктами.
В списке Initially Selected вы сможете задать пункт создаваемого на Web -странице списка, который будет выбран в нем изначально.
Если в наборе Туре выбран переключатель List (т. е. создается список), становятся доступными поле ввода Height и флажок Allow Multiple .
В поле ввода Height задается высота списка в пунктах. Вы можете задать высоту либо равной общему количеству пунктов, либо меньше ее. Если зададите слишком большое значение, список будет заполнен не полностью, что, собственно, не страшно, но и не очень красиво.
Флажок Allow Multiple позволяет включить особый режим работы списка, при котором пользователь может выбрать в нем несколько пунктов. Для этого он должен будет, щелкая мышью на нужных пунктах, удерживать на­жатой клавишу < Ctrl >. Он также может выбрать целую группу пунктов, сначала щелкнув на первом пункте, а потом — на последнем, удерживая клавишу < Shift >. В этом случае серверная программа получит следующую пару:
<Имя списка>=<3начение пункта 1>, <Значение пункта 2>, ...
Примечание
И обычный , и раскрывающийся списки создаются с помощью одного и того же парного тега
< select >. . .</ select >, внутри которого помещается набор тегов , определяющих отдельные пункты . Атрибут size задает высоту списка ; если его значение равно 1, отображается раскрывающийся список , если же оно больше 1 — обычный . Отдельный же пункт списка создается с помощью парного тега < option >. . .</ option >. Название пункта помещается внутрь этого тега , а значение задает атрибут value . Атрибут selected тега < option > позволяет сделать пункт изначально выделенным ; этот атрибут не имеет значения — достаточно только его присутствия в теге .
Поле ввода имени файла
Поле ввода имени файла позволит вам отправить серверной программе целый файл. Единственное условие: данные должны быть закодированы с использованием кодировки multipart / form - data и отправлены с помощью метода POST .
Поле ввода имени файла внешне представляет собой обычное поле ввода. Справа от него расположена кнопка Обзор ( Browse ), открывающая стан­дартное диалоговое окно открытия файла Windows . И поле ввода, и кнопка представляют собой один элемент управления.
Для помещения в форму поля ввода имени файла используется кнопка File Field панели объектов или пункт File Field подменю Form Ob ­ jects меню Insert .
В поле ввода FileField Name вводится уникальное имя элемента управления. Dreamweaver автоматически подставит туда сгенерированное им самим имя, но вам сразу же следует его изменить. Вы также можете выбрать пункт Name в контекстном меню поля ввода и изменить это имя в появившемся на экране диалоговом окне Change Attribute .
В поле ввода Char Width задается ширина поля ввода, т. е. его горизонтальный размер, в символах.
В поле ввода Max Chars задается максимальное количество символов, которое может быть введено в данное поле ввода. Это число может быть больше, чем Char Width ; тогда содержимое поля ввода будет прокручиваться по горизонтали. Но ни в коем случае не задавайте Max Chars меньше, чем Char Width .
Очень странно, но поля ввода Init Val , в котором задается начальное значение имени файла, в этом случае не предусмотрено. Однако вы можете вы­брать в контекстном меню поля ввода пункт Value и изменить начальное значение в диалоговом окне Change Attribute .
Примечание Поле ввода имени файла создается с помощью одинарного тега
< inpot TYPE =" file ">.

1  2  3  4  5  6  7

Вверх