форм, который вызывается с помощью команды главного меню

Утилиты >
Мастер создания форм
или нажатием соответствующей кнопки инструментальной панели, находящейся слева внизу окна. В результате на экране отобразится окно Мастера, которое показано на рис. 6.18.

Рис. 6.18.
Мастер создания форм

В данном окне задаются основные параметры вставляемой в документ формы. Вначале в области настроек

Параметры
нужно в соответствующих полях указать путь передачи данных, а также имя формы.

Возможности программы предусматривают вставку в форму следующих элементов: текстовое поле ввода, кнопка, меню выбора (в данном случае имеется в виду раскрывающийся список) и поле для ввода многострочного текста. Кроме этого, в форму автоматически добавляется кнопка для отправки на удаленный сервер введенных данных.

Информация о текстовых полях ввода указывается в области настроек

Поля ввода
. В поле
Количество
с клавиатуры или из раскрывающегося списка вводится количество текстовых полей, которые должны быть вставлены в форму (максимальное значение данного поля –
100
). В поле
Размер
аналогичным образом указывается размер каждого из этих полей, а в поле
Макс. символов
– максимальное число символов, которое может ввести в данное поле посетитель сайта.

Если вы хотите добавить в форму одну или несколько кнопок, то укажите их количество в соответствующем поле области настроек

Кнопки
.

Информация о раскрывающихся списках вводится в области настроек Меню выбора. В поле

Количество
вводится количество раскрывающихся списков, которые вы хотите поместить на страницу (не более
100
), а в поле
Кол. ответов
– число вариантов значений каждого раскрывающегося списка (иначе говоря, из скольких вариантов посетитель должен будет выбрать какой-то один).

Чтобы добавить в форму многострочное поле ввода текстовых данных, заполните параметры области настроек

Поле ввода многострочного текста
. В соответствующих полях указывается количество полей, число строк в каждом поле, а также ширина поля.

Завершается процесс настройки формы нажатием в данном окне кнопки

Создать форму
. С помощью кнопки
Отмена
осуществляется выход из данного режима без сохранения выполненных изменений.

В листинге 5.12 показан исходный код нашей веб-страницы, в который вставлен код формы в соответствии с настройками, показанными на рис. 6.18. Предварительно мы удалили из кода фрагмент для вставки мультимедийного файла, поскольку в данном случае это неактуально. Вместо него и вставлен код формы.

Листинг 5.12.
Вставка формы в веб- документ

<html>

<head><title>Сведения о компании</title></head>

<body>

<h1>Добро пожаловать</h1>

<b>Наша компания была создана в 2005 году.</b><br>

За прошедшее время мы сумели занять <a href='http://www.yandex.ru' target='_blank' title='Подробности'>лидирующие позиции</a> на рынке и завоевать немало постоянных клиентов.<br>

Наша прибыль постоянно растет, и мы задумываемся о расширении.<br>

<form name='myform' method='post' action='?action=form'>

<input type='text' value='' name='inputname0' size=20 maxlength=30>

<input type='text' value='' name='inputname1' size=20 maxlength=30>

<select name='select_0'>

<option value='0'>Выбор 0

<option value='1'>Выбор 1

<option value='2'>Выбор 2

</select>

<select name='select_1'>

<option value='0'>Выбор 0

<option value='1'>Выбор 1

<option value='2'>Выбор 2

</select>

<textarea name='text_0' cols=70 rows=5>Текст</textarea>

<input type='submit' name='submit' value='Отправить'>

</form>

<i>Будем рады видеть вас в числе наших клиентов!</i><br>

</body>

</html>

Если мы сохраним выполненные изменения и откроем страницу в окне интернет- обозревателя, то в данный момент она будет выглядеть так, как это показано на рис. 6.19.

Рис. 6.19.
Вставка формы в веб-документ

Очевидно, что исходный код требует доработки: в частности, нужно сформировать содержимое раскрывающихся списков (сейчас в них представлен перечень значений, сгенерированный программой по умолчанию), а также можно ввести в текстовые поля значения по умолчанию, и изменить предложенное опять же по умолчанию значение многострочного поля.

Для этого изменим исходный код нашей веб-страницы так, как показано в листинге 5.13.

Листинг 5.13.
Изменение значений параметров формы

<html>

<head><title>Сведения о компании</title></head>

<body>

<h1>Добро пожаловать</h1>

<b>Наша компания была создана в 2005 году.</b><br>

За прошедшее время мы сумели занять <a href='http://www.yandex.ru' target='_blank' title='Подробности'>лидирующие позиции</a> на рынке и завоевать немало постоянных клиентов.<br>

Наша прибыль постоянно растет, и мы задумываемся о расширении.<br>

<form name='myform' method='post' action='?action=form'>

<input type='text' value='Предложение' name='inputname0' size=20 maxlength=30>

<input type='text' value='Спрос' name='inputname1' size=20 maxlength=30>

<select name='select_0'>

<option value='0'>Одежда

<option value='1'>Обувь

<option value='2'>Продукты

</select>

<select name='select_1'>

<option value='0'>Предоплата

<option value='1'>Оплата по факту

<option value='2'>Отсрочка платежа

Добавить отзыв
ВСЕ ОТЗЫВЫ О КНИГЕ В ИЗБРАННОЕ

0

Вы можете отметить интересные вам фрагменты текста, которые будут доступны по уникальной ссылке в адресной строке браузера.

Отметить Добавить цитату
×