форм, который вызывается с помощью команды главного меню
В данном окне задаются основные параметры вставляемой в документ формы. Вначале в области настроек
Возможности программы предусматривают вставку в форму следующих элементов: текстовое поле ввода, кнопка, меню выбора (в данном случае имеется в виду раскрывающийся список) и поле для ввода многострочного текста. Кроме этого, в форму автоматически добавляется кнопка для отправки на удаленный сервер введенных данных.
Информация о текстовых полях ввода указывается в области настроек
Если вы хотите добавить в форму одну или несколько кнопок, то укажите их количество в соответствующем поле области настроек
Информация о раскрывающихся списках вводится в области настроек Меню выбора. В поле
Чтобы добавить в форму многострочное поле ввода текстовых данных, заполните параметры области настроек
Завершается процесс настройки формы нажатием в данном окне кнопки
В листинге 5.12 показан исходный код нашей веб-страницы, в который вставлен код формы в соответствии с настройками, показанными на рис. 6.18. Предварительно мы удалили из кода фрагмент для вставки мультимедийного файла, поскольку в данном случае это неактуально. Вместо него и вставлен код формы.
<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.
Очевидно, что исходный код требует доработки: в частности, нужно сформировать содержимое раскрывающихся списков (сейчас в них представлен перечень значений, сгенерированный программой по умолчанию), а также можно ввести в текстовые поля значения по умолчанию, и изменить предложенное опять же по умолчанию значение многострочного поля.
Для этого изменим исходный код нашей веб-страницы так, как показано в листинге 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'>Отсрочка платежа