Практическая работа №10

Наименование: Использование форм на web - страницах

1. Цель: Научится использовать различные виды форм на веб - страницах

2. Литература:

2.1 Квинт И. HTML и CSS на 100%. – СПб.: Питер, 2008с.

3. Задание:

3.1 В строке заголовка должен отражаться номер практической работы

3.2 В теле документа создайте заголовок первого уровня, где укажите наименование работы. Заголовком второго уровня – цель работы.

3.3 Создайте форму по следующему образцу:

4. Содержание отчета:

4.1 Наименование и цель работы

4.2 Код программы

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

4.4 Вывод о проделанной работе

5. Порядок выполнения работы:

5.1 Создайте свою папку, куда в дальнейшем будете размещать свои документы.

5.2 Запустите Блокнот.

5.3 Наберите HTML – код своей программы.

5.4 Сохраните свой документ с расширением *.html, для чего в меню файл выберите команду Сохранить как... Из перечня Тип файла выберите Все файлы.

5.5 Откройте свой файл и просмотрите результат.

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

6.1 Назначение форм при создании сайта?

6.2 Основные виды форм?

ПРИЛОЖЕНИЕ:

Форма – это набор таких знакомых нам по диалоговым окнам элементов, как поля ввода, поля выбора, переключатели. Форма – это то, что позволяет создавать интерактивные страницы, т.е. организовывать диалог с пользователем.

<FORM> …</FORM>

Этот тэг используется для создания заполняемых форм. Между <FORM> и </FORM> можно использовать тэги для создания полей нескольких типов (текстовые поля в одну или несколько строк, группы радиокнопок (их еще называют переключателями), окошки, в которые можно устанавливать флажки, меню, командные кнопки).

Содержание формы - это теги для сбора данных (они всегда используются вместе с атрибутами): <INPUT> - это тег для сбора информации от посетителей ваших страниц и её сохранения для последующей обработки. NAME=".." - это атрибут - метка, для обработки собранных данных механизмом CGI. TYPE=".." - это атрибут, который указывает на способ обработки собранных данных. Атрибуты NAME и TYPE используются совместно с тегом INPUT

<FORM ACTION="URL"> <INPUT NAME="метка 1"> <INPUT TYPE="submit"> Остальная часть формы... </FORM>

Способов приёма и обработки данных всего несколько видов - это 9 различных атрибутов для тега INPUT: 1. TYPE="text" - текстовая строка. 2. TYPE="password" - ввод пароля. 3. TYPE="radio" - кнопка-переключатель. 4. TYPE="checkbox" - флажок. 5. TYPE="Submit" - кнопка отправки данных. 6. TYPE="Reset" - кнопка сброса данных. 7. TYPE="Button" - кнопка для других целей. 8. TYPE="file" - выбор файла. 9. TYPE="hidden" - невидимый посетителям обработчик данных, а также 3 парных тэга: 1. <SELECT></SELECT> - раскрывающееся меню 2. <SELECT MULTIPLE></SELECT> - список 3. <TEXTAREA></TEXTAREA> - текстовое поле