Создание формы с использованием списков определений
1. Создайте новую HTML-страницу.
2. Создайте форму, отформатированную при помощи списков определений (см. пример 6).
Пример 6:
Использование списков определений <dl>, <dt>, <dd>
Способы оплаты
Наличными
Чеком
Дебитной картой
Кредитной карточкой
MasterCard
Visa
Discovery
American Express
3. Сохраните страницу в личной папке в файл form6.html
Создание формы с использованием нумерованных списков
1. Создайте новую HTML-страницу.
2. Создайте форму с использованием упорядоченных списков для нумерации полей ввода (см. пример 7).
Пример 7:
Использование нумерованных списков
Три Ваши самые любимые книги
3. Сохраните страницу в личной папке в файл form7.html
Создание формы с размещением переключателей по горизонтали
1. Создайте новую HTML-страницу.
2. Создайте форму с размещением флажков/переключателей по горизонтали (см. примере 8).
Пример 8:
Компоновка флажков и переключателей
Какой размер вы предпочитаете?
МалыйСреднийБольшойОчень большойОгромный
3. Сохранит страницу в личной папке в файл form8.html
Создание формы с размещением переключателей в списках
1. Создайте новую HTML-страницу.
2. Создайте форму с флажками/переключателями с использованием списков (см. пример 9.
Пример 9:
Списки переключателей
|
|
|
На каком компьютере Вы работаете?
Macintosh
IBM PC
UNIX Workstation
Sun
SGI
Next
Linux
Прочие...
3. Сохраните страницу в личной папке в файл form9.html
Создание формы с использованием сетки переключателей
1. Создайте новую HTML-страницу.
2. Создайте сетку переключателей (см. пример 10).
Пример 10:
Сетка переключателей
Возможные комбинации
| Красный | Голубой | |
| Маленький | ||
| Средний | ||
| Большой | ||
3. Сохраните страницу в личной папке в файл form10.html
Создание html-документа с несколькими формами
1. Откройте приложение Macromedia Homesite
2. Создайте новую HTML-страницу.
3. Создайте документ с несколькими формами (см. пример 11).
Пример 11:
Документ с несколькими формами
Какое блюдо будете заказывать?
| Пицца | |
| Хот-дог | |
| Гамбургер | |
| Попкорн | |
| Чупа-чупс |
Куда доставить заказ?
| Имя: | |
| Фамилия: | |
| eMail: | |
| Улица: | |
| Город: |
Как будете расплачиваться?
| Наличными |
| Чеком |
| Дебитной картой |
| Кредитной карточкой MasterCard Visa Discovery American Express |
|
|
|
4. Сохраните страницу в личной папке в файл form11.html
Работа в JavaScript
На основании приведенного примера создайте программу, которая будет выводить окно с названием нажатой кнопки.
Дата добавления: 2018-06-01; просмотров: 238; Мы поможем в написании вашей работы! |
Мы поможем в написании ваших работ!