Краткие теоретические сведения. Тег <FORM> используется для создания форма на web-странице

Тег <FORM> используется для создания форма на web-странице. Форма служат для отправки данных на сервер и обеспечивают диалог пользователя с приложением.
Для отправки формы на сервер обычно используется кнопка, созданная при помощи тега <BUTTON> или <INPUT>, иногда этого же можно добиться, если нажать клавишу <Enter>, находясь в одном из полей данных формы. Когда форма отправляется на сервер, управление данными передается CGI-программе или документу, определенному параметром action тега <FORM>. Предварительно браузер подготавливает информацию в виде пары «имя=значение», где имя определяется параметром name тега <INPUT>, а значение введено пользователем или установлено в поле формы по умолчанию. Если для отправки данных используется метод GET, то адресная строка может принимать вид: http://webcreature.ru/index.php?user=Alex&button=activate Все параметры в адресной строке в этом случае, перечисляются послезнака "?", а символ "&" служит для них связкой.

Пример:

Краткие теоретические сведения. Тег <FORM> используется для создания форма на web-странице - student2.ru <form name="test_form_name" id="test_form_id" method="get" action="?">
<input type="hidden" name="hidden_name" id="hidden_id" value="hidden" /><br/>
<input type="text" name="text_name" id="text_id" value="text" /><br/>
<input type="password" name="password_name" id="password_id" value="password" /><br/>

<input type="radio" name="radio_group_1" id="radio_id_1" value="radio_1" />
<input type="radio" name="radio_group_1" id="radio_id_2" value="radio_2" />
<input type="radio" name="radio_group_1" id="radio_id_3" value="radio_3" /><br/>

<input type="radio" name="radio_group_2" id="radio_id_a" value="radio_a" />
<input type="radio" name="radio_group_2" id="radio_id_b" value="radio_b" />
<input type="radio" name="radio_group_2" id="radio_id_c" value="radio_c" checked="checked" /><br/>

<input type="checkbox" name="check_a" id="check_id_a" value="check_1" checked="checked" />
<input type="checkbox" name="check_b" id="check_id_b" value="check_2" />
<input type="checkbox" name="check_c" id="check_id_c" value="check_3" checked="checked" /><br/>

<select name="select_name_from" id="select_id_from">
<option value="option_1">1</value>
<option value="option_2" selected="selected">2</value>
<option value="option_3">3</value>
</select><br/>
<select name="select_name_to" id="select_id_to">
<option value="option_4">4</value>
<option value="option_5">5</value>
<option value="option_6">6</value>
</select><br/>
<textarea name="textarea_name" id="textarea_id" cols="20" rows="5">Textarea</textarea><br/>

<input type="submit" name="submit_name" id="submit_id" value="submit" />
<input type="reset" name="reset_name" id="reset_id" value="reset" />
</form>

Задание

3.1 Создайте новую HTML-страницу.

3.2 Создайте документ с несколькими формами (см. пример).

Краткие теоретические сведения. Тег <FORM> используется для создания форма на web-странице - student2.ru

3.3 Сохраните страницу в личной папке в файл forma.html

Контрольные вопросы

4.1 Как задаются списки переключателей?

4.2 С помощью каких тегов создайтся форма с использованием упорядоченных списков для нумерации полей ввода?

4.3 Для чего необходим тег <FORM>?

Содержание отчета

5.1 Наименование работы

5.2 Цель работы

5.3 Задание

5.4 Выводы по работе

5.5 Ответы на контрольные вопросы

Список литературы

6.1 Дунаев В.В. Сам себе Web-дизайнер. – СПб.: БХВ – Петербург; Арлит, 2002

6.2 Кирсанов Д. Веб-дизайн: книга Дмитрия Кирсанова. – СПб: Символ-Плюс, 2004.

6.3 Клонингер К. Свежие стили Web-дизайна: как сделать из вашего сайта «конфетку»: Пер с англ. – М.: ДМК Пресс, 2005

Практическое занятие 7

«Форматирование web-страниц с использованием таблиц стилей.
Создание каскадных листов стилей (css)»

1 Цель:Изучить основы технологии CSS на примере разработки собственного сайта.

Пояснения к работе

Наши рекомендации