Порядок проведения работы. Цель работы – изучение HTML форм и их элементов, использование форм для взаимодействия пользователя с HTML-документами

HTML Формы

Лабораторная работа №4

Цель работы – изучение HTML форм и их элементов, использование форм для взаимодействия пользователя с HTML-документами.

Задача работы – создать HTML форму для ввода информации на web-сайт.

1. Задать структуру HTML формы для ввода информации на web-сайт, определив необходимые поля и их типы. Так, например, для осуществления заказа в книжном магазине определяем форму со следующими полями:

1. Автор (text)

2. Название (text)

3. Количество (text)

4. Адрес доставки (text)

5. Способ доставки (radio)

6. Способ оплаты (select)

7. Дополнительные пожелания (textarea)

8. Ознакомлен с условиями доставки (checkbox)

9. Отправить (submit)

2. Создать страницу form.html со структурой, определенной в лабораторной работе №3.

3. В блок основной информации поместить HTML форму, используя таблицу для выравнивания названий полей формы и ее элементов (рис.4.1).

Содержание протокола

1. Структура HTML формы согласно п.1.

2. Текст страницы form.html, содержащей HTML форму.

3. Копия экрана страницы form.html.

4. Выводы по работе.

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

1. Тег и параметры для создания HTML формы

2. Перечислить значения параметры method и их смысл

3. Перечислить теги элементов управления HTML форм

4. Перечислить типы элементов управления INPUT

5. Параметны size и maxlength тега INPUT

6. Структура тега SELECT

7. Значение параметра checked, в каких тегах он используется.

8. В каких тегах используются параметры cols, rows. Их значения.

9. Создание скрытых полей.

10.Функция элемена управления типа submit.

Рис.4.1.Структура главной страницы книжного магазина.

Дата добавления: 2014-11-25