Чтение онлайн

на главную - закладки

Жанры

Веб-Самоделкин. Как самому создать сайт быстро и профессионально
Шрифт:

Наша прибыль постоянно растет, и мы задумываемся о расширении.<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="#" 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>Будем рады видеть вас в числе наших клиентов!</i><br>

</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>

Если вы сохраните выполненные изменения и откроете веб-страницу в окне Интернет-обозревателя – увидите, что добавленный текстовый комментарий не отобразится.

Поиск и замена данных

Поделиться:
Популярные книги

Идеальный мир для Лекаря 15

Сапфир Олег
15. Лекарь
Фантастика:
боевая фантастика
юмористическая фантастика
аниме
5.00
рейтинг книги
Идеальный мир для Лекаря 15

Вернуть невесту. Ловушка для попаданки 2

Ардова Алиса
2. Вернуть невесту
Любовные романы:
любовно-фантастические романы
7.88
рейтинг книги
Вернуть невесту. Ловушка для попаданки 2

Идеальный мир для Социопата 3

Сапфир Олег
3. Социопат
Фантастика:
боевая фантастика
6.17
рейтинг книги
Идеальный мир для Социопата 3

Кровь Василиска

Тайниковский
1. Кровь Василиска
Фантастика:
фэнтези
попаданцы
аниме
4.25
рейтинг книги
Кровь Василиска

Отвергнутая невеста генерала драконов

Лунёва Мария
5. Генералы драконов
Любовные романы:
любовно-фантастические романы
5.00
рейтинг книги
Отвергнутая невеста генерала драконов

Идеальный мир для Лекаря

Сапфир Олег
1. Лекарь
Фантастика:
фэнтези
юмористическое фэнтези
аниме
5.00
рейтинг книги
Идеальный мир для Лекаря

Аномалия

Юнина Наталья
Любовные романы:
современные любовные романы
5.00
рейтинг книги
Аномалия

Идущий в тени 4

Амврелий Марк
4. Идущий в тени
Фантастика:
боевая фантастика
6.58
рейтинг книги
Идущий в тени 4

Мастер 4

Чащин Валерий
4. Мастер
Фантастика:
героическая фантастика
боевая фантастика
попаданцы
5.00
рейтинг книги
Мастер 4

Неверный

Тоцка Тала
Любовные романы:
современные любовные романы
5.50
рейтинг книги
Неверный

Газлайтер. Том 15

Володин Григорий Григорьевич
15. История Телепата
Фантастика:
боевая фантастика
попаданцы
5.00
рейтинг книги
Газлайтер. Том 15

Мастер Разума II

Кронос Александр
2. Мастер Разума
Фантастика:
героическая фантастика
попаданцы
аниме
5.75
рейтинг книги
Мастер Разума II

Те, кого ты предал

Берри Лу
Любовные романы:
современные любовные романы
5.00
рейтинг книги
Те, кого ты предал

Мастер 2

Чащин Валерий
2. Мастер
Фантастика:
фэнтези
городское фэнтези
попаданцы
технофэнтези
4.50
рейтинг книги
Мастер 2