Веб-Самоделкин. Как самому создать сайт быстро и профессионально
Шрифт:
Наша прибыль постоянно растет, и мы задумываемся о расширении.<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>Будем
</body>
</html>
Если мы сохраним выполненные изменения и откроем страницу в окне интернет-обозревателя, то в данный момент она будет выглядеть так, как это показано на рис. 6.19.
Рис. 6.19. Вставка формы в веб-документ
Очевидно, что исходный код требует доработки: в частности, нужно сформировать содержимое раскрывающихся списков (сейчас в них представлен перечень значений, сгенерированный программой по умолчанию), а также можно ввести в текстовые поля значения по умолчанию, и изменить предложенное опять же по умолчанию значение многострочного поля.
Для этого изменим исходный код нашей веб-страницы так, как показано в листинге 5.13.
Листинг 5.13. Изменение значений параметров формы
<html>
<head><title>Сведения о компании</title></head>
<body>
<h1>Добро пожаловать</h1>
<b>Наша компания была создана в 2005 году.</b><br>
За прошедшее время мы сумели занять <a href="#" 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">Отсрочка платежа
</select>
<textarea name="text_0" cols=70 rows=5>Здесь можете предложить варианты сотрудничества</textarea>
<input type="submit" name="submit" value="Отправить">
</form>
<i>Будем
</body>
</html>
Теперь сохраним выполненные изменения с помощью команды главного меню Файл Сохранить и откроем страницу в окне Интернет-обозревателя. Результат выполненных действий показан на рис. 6.20.
Рис. 6.20. Присвоение значений параметрам формы
Как видно на рисунке, значения по умолчанию параметров формы, а также содержимое раскрывающихся списков изменилось в соответствии с нашими правками исходного кода веб-страницы.
Вставка комментариев в программный код веб-страницы
О том, что текстовые комментарии – важный для начинающих веб-разработчиков элемент исходного кода веб-страницы, мы уже говорили ранее. Создав сайт, вы можете снабдить каждый элемент кода подробным текстовым пояснением (из серии «что, к чему, зачем и почему»), и впоследствии пользоваться этой информацией при создании других веб-ресурсов.
Чтобы ввести комментарий, нужно на вкладке Вставка нажать кнопку Добавить комментарий. В результате в то место, где находится курсор, будет вставлен следующий фрагмент: <!– –>. После восклицательного знака можно вводить любой текст – он никак не повлияет на содержимое веб-страницы в окне интернет-обозревателя.
В листинге 5.14 представлен исходный код нашей веб-страницы, содержащий два комментария.
Листинг 5.14. Комментарии в исходном коде программы
<html>
<head><title>Сведения о компании</title></head>
<body>
<h1>Добро пожаловать</h1>
<! Вначале идет информация о компании>
<b>Наша компания была создана в 2005 году.</b><br>
За прошедшее время мы сумели занять <a href="#" target="_blank" title="Подробности">лидирующие позиции</a> на рынке и завоевать немало постоянных клиентов.<br>
Наша прибыль постоянно растет, и мы задумываемся о расширении.<br>
<! Здесь нужно будет добавить форму отправки данных>
<i>Будем рады видеть вас в числе наших клиентов!</i><br>
</body>
</html>
Если вы сохраните выполненные изменения и откроете веб-страницу в окне Интернет-обозревателя – увидите, что добавленный текстовый комментарий не отобразится.
Поиск и замена данных