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

  • Презентации учебные
  • ppt
  • 10.05.2020
Публикация на сайте для учителей

Публикация педагогических разработок

Бесплатное участие. Свидетельство автора сразу.
Мгновенные 10 документов в портфолио.

Для общения посетителей сайта с его создателями на веб-странице размещают интерактивные формы. Формы содержат различные элементы управления: текстовые поля раскрывающиеся списки флажки переключатели…
Иконка файла материала Интерактивные формы на Web-страницах 8 кл.ppt

Разработка Web-сайтов с использованием языка разметки гипертекста HTML

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

Понятие интерактивной формы

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

Текстовое поле

Основной контейнер



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




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

Переключатели (радиокнопки)

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

Флажки

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

WWW

Поля списков

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

Текстовая область

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

Отправка данных из формы

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

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


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