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

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

Жанры

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

Наша прибыль постоянно растет, и мы задумываемся о расширении.<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>

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

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

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

Энфис 6

Кронос Александр
6. Эрра
Фантастика:
героическая фантастика
рпг
аниме
5.00
рейтинг книги
Энфис 6

Инкарнатор

Прокофьев Роман Юрьевич
1. Стеллар
Фантастика:
боевая фантастика
рпг
7.30
рейтинг книги
Инкарнатор

Вечный. Книга I

Рокотов Алексей
1. Вечный
Фантастика:
боевая фантастика
попаданцы
рпг
5.00
рейтинг книги
Вечный. Книга I

Стеллар. Заклинатель

Прокофьев Роман Юрьевич
3. Стеллар
Фантастика:
боевая фантастика
8.40
рейтинг книги
Стеллар. Заклинатель

Измена. Я отомщу тебе, предатель

Вин Аманда
1. Измены
Любовные романы:
современные любовные романы
5.75
рейтинг книги
Измена. Я отомщу тебе, предатель

Два лика Ирэн

Ром Полина
Любовные романы:
любовно-фантастические романы
6.08
рейтинг книги
Два лика Ирэн

Ведьма

Резник Юлия
Любовные романы:
современные любовные романы
эро литература
8.54
рейтинг книги
Ведьма

Рядовой. Назад в СССР. Книга 1

Гаусс Максим
1. Второй шанс
Фантастика:
попаданцы
альтернативная история
5.00
рейтинг книги
Рядовой. Назад в СССР. Книга 1

Таблеточку, Ваше Темнейшество?

Алая Лира
Любовные романы:
любовно-фантастические романы
6.30
рейтинг книги
Таблеточку, Ваше Темнейшество?

Столичный доктор

Вязовский Алексей
1. Столичный доктор
Фантастика:
попаданцы
альтернативная история
8.00
рейтинг книги
Столичный доктор

Последний Паладин. Том 2

Саваровский Роман
2. Путь Паладина
Фантастика:
фэнтези
попаданцы
аниме
5.00
рейтинг книги
Последний Паладин. Том 2

Неудержимый. Книга X

Боярский Андрей
10. Неудержимый
Фантастика:
фэнтези
попаданцы
аниме
5.00
рейтинг книги
Неудержимый. Книга X

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

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

Подчинись мне

Сова Анастасия
1. Абрамовы
Любовные романы:
современные любовные романы
5.00
рейтинг книги
Подчинись мне