Иллюстрированный самоучитель по Adobe Dreamweaver MX

Простейшая Web-форма

Иллюстрированный самоучитель по Adobe Dreamweaver MX › Формы › Простейшая Web-форма
Рис. 16.33. Поля ввода имени и фамилии

Настала пора группы переключателей. Поставьте текстовый курсор после поля ввода фамилии. Наберите слово "Пол", поставьте разрыв строки и поместите на страницу первый переключатель набора. Сразу же после него наберите слово "Муж." (подпись переключателя) и поставьте два или три пробела, чтобы отделить его от другого переключателя. После этого поставьте второй переключатель, наберите слово "Жен." и поставьте два разрыва строки. Вот и все.

Выделите первый переключатель и задайте его параметры: имя набора – Gender, значение – м, включен изначально. У второго переключателя будут такие параметры: имя набора то же, что у первого, значение – F. (Вы можете сделать изначально выделенным второй переключатель – это не принципиально.) Результат показан на рис. 16.34.

Далее поместите в форму поле ввода года рождения. Вы уже знаете, как это делается. Задайте имя этого поля YOB (Year of Birth – год рождения), длина поля и максимальное количество символов 4. Можете также задать значение по умолчанию, например 1970.

Настал черед раскрывающегося списка стажа работы в Интернете. Нет смысла подробно рассказывать, как это сделать, – действуйте по аналогии. Задаете имя раскрывающегося списка work, в диалоговое окно List Values введите пункты "новичок", "опытный пользователь" и "гуру" и присвойте им в качестве значений номера от 1 до 3. Изначально выбранным сделайте первый пункт ("Новичок").

Иллюстрированный самоучитель по Adobe Dreamweaver MX › Формы › Простейшая Web-форма
Рис. 16.34. Группа переключателей задания пола

Осталось поместить в форму кнопки Отправить (Submit) и Сброс (Reset). Сделайте это. Задайте для них имена submit и Reset и надписи "Отправить" и "Сброс", соответственно.

Готовая форма изображена на рис. 16.35. Сохраните ее, откройте в Web-обозревателе и попробуйте ввести в нее какие-нибудь данные. Как видите, она работает.

Иллюстрированный самоучитель по Adobe Dreamweaver MX › Формы › Простейшая Web-форма
Рис. 16.35. Готовая форма в окне Web-обозревателя

Единственная проблема – некому обрабатывать введенные нами данные. Ну нет у нас программы program.exe, нет!

Если Вы заметили ошибку, выделите, пожалуйста, необходимый текст и нажмите CTRL + Enter, чтобы сообщить об этом редактору.