Интерактивные формы на Web-страницах

Август 5, 2022

Главная
Информатика
Интерактивные формы на Web-страницах

Содержание

2. Понятие интерактивной формы Для общения посетителей сайта с его создателями на веб-странице размещают интерактивные формы. Формы
3. Текстовое поле Основной контейнер Текстовое поле – для ввода текста с клавиатуры: тэг с атрибутами: TYPE=“text”
4. Переключатели (радиокнопки) Круглая кнопка для выбора одного из нескольких вариантов ответов: TYPE=“radio” Все элементы этой группы
5. Флажки Квадратное окошечко для выбора нескольких ответов из предложенных вариантов: TYPE=“checkbox” Каждый элемент этой группы должен
6. Поля списков Для создания раскрывающего списка используют контейнер В нем каждый элемент списка задается тэгом
7. Текстовая область Текстовая область с линейкой прокрутки – для ввода текста произвольной длины. Контейнер Атрибуты: NAME
8. Отправка данных из формы Кнопка отправки создается тэгом Атрибуты: TYPE=“submit” VALUE=“Отправить” (надпись на кнопке) Чтобы данные
9. Готовая анкета
11. Скачать презентацию

Слайд 2

Понятие интерактивной формы
Для общения посетителей сайта с его создателями на веб-странице

размещают интерактивные формы.
Формы содержат различные элементы управления:
текстовые поля
раскрывающиеся списки
флажки
переключатели…

Слайд 3

Текстовое поле
Основной контейнер

Текстовое поле – для ввода текста с клавиатуры:

тэг с атрибутами:
TYPE=“text” – тип содержимого (текст)
NAME=“____” – имя поля
SIZE=“40” – длина поля ввода (в символах)

- разделитель строк (перевод курсора на новую строку)

Слайд 4

Переключатели (радиокнопки)
Круглая кнопка для выбора одного из нескольких вариантов ответов: TYPE=“radio”

Все элементы этой группы должны иметь одинаковое имя: NAME=“group”
Атрибуты VALUE содержат варианты выбора ответов: VALUE=“учащийся”
У каждого VALUE свой вариант ответа.

Слайд 5

Флажки
Квадратное окошечко для выбора нескольких ответов из предложенных вариантов: TYPE=“checkbox”
Каждый

элемент этой группы должен иметь свое имя: NAME=“box1”, NAME=“box2”, …..
Атрибуты VALUE содержат варианты выбора ответов: VALUE=“WWW”, VALUE=“e-mail”, ….
У каждого VALUE свой вариант ответа.
WWW

Слайд 6

Поля списков
Для создания раскрывающего списка используют контейнер
В нем каждый элемент

списка задается тэгом

Слайд 7

Текстовая область
Текстовая область с линейкой прокрутки – для ввода текста произвольной

длины.
Контейнер
Атрибуты: NAME - задает имя области
ROWS - число строк
COLS - число столбцов

Слайд 8

Отправка данных из формы
Кнопка отправки создается тэгом
Атрибуты:
TYPE=“submit”
VALUE=“Отправить” (надпись на

кнопке)
Чтобы данные из формы передать по электронной почте, используют контейнер:

Слайд 9

Интерактивные формы на Web-страницах

Содержание

Понятие интерактивной формыДля общения посетителей сайта с его создателями на веб-странице

Текстовое полеОсновной контейнер Текстовое поле – для ввода текста с клавиатуры:

Переключатели (радиокнопки)Круглая кнопка для выбора одного из нескольких вариантов ответов: TYPE=“radio”

ФлажкиКвадратное окошечко для выбора нескольких ответов из предложенных вариантов: TYPE=“checkbox” Каждый

Поля списковДля создания раскрывающего списка используют контейнер В нем каждый элемент

Текстовая областьТекстовая область с линейкой прокрутки – для ввода текста произвольной

Отправка данных из формыКнопка отправки создается тэгом Атрибуты: TYPE=“submit”VALUE=“Отправить” (надпись на

Готовая анкета

Похожие презентации