KNOWLEDGE HYPERMARKET


Формы. Полные уроки

Версия 15:19, 15 ноября 2010

Гипермаркет знаний>>Информатика>>Информатика 10 класс. Полные уроки>>Информатика: Формы.


Тема: Формы.

Цель: Рассмотреть понятие «формы». Научить создавать формы разных типов.

Формы предназначены для обмена данными между посетителями сайта и сервером.

Они применяются не только для отправки данных на сервер.

С помощью множеств команд и их атрибутов можно получить доступ к любому элементу формы, изменять его и использовать по своему усмотрению.


Документ или веб-страница может содержать любое количество форм, но одновременно может быть отправлена информация только от одной формы.

Поэтому, данные форм должны быть независимы друг от друга.

Тег < form > устанавливает форму на веб-странице, а общий синтаксис написания форм на языке HTML следующий:

< FORM > задает начало формы

< INPUT > принимает от пользователя информацию разными способами

< INPUT > создает поле формы в виде кнопки, поля ввода и т.д.

< /FORM > задает конец формы.




Пример написания форм


Formm1.jpg

Formm2.jpg




Атрибуты.

  • action - адрес программы или документа, которые обрабатывает данные формы
  • enctype - тип информации формы
  • method - метод протокола HTTP
  • name - имя формы
  • target - имя окна или фрейма, куда обработчик будет загружать возвращаемый результат




Для отправки формы используется кнопка Submit. Если она отсутствует, то клавиша Enter имитирует ее использование, но только в том случае, когда в форме имеется только один элемент < input >. Если таких элементов больше, нажатие на < Enter > ни к чему не приведет.

Когда форма отправляется на сервер, данные обрабатываются программой, заданной параметром action.

Предварительно браузер подготавливает информацию в виде пары «имя=значение», где имя определяется параметром name тега <input >, а значение введено пользователем.




Типы ввода форм (Type)

TEXT с атрибутами:

  • SIZE - длинна поля ввода
  • MAXLENGTH - количество символов
  • PASSWORD – отображает данные в виде звездочек или точек


Formm3.jpg

Опции выбора.

RADIO – задает тип выбора «кружочек» Formm4.jpg

CHECKBOX – задает тип выбора «галочка»


Formm5.jpg


OPTION VALUE - выдает несколько вариантов выбора.


Formm6.jpg


Поле для ввода текста

TEXTAREA - создает поле для ввода текста.

Formm7.jpg





Вопросы:

1. Что такое формы? Их предназначения?

2. Каким тэгом определяется начало и конец формы?

3. Типы ввода (Type).

4. С помощью какой команды создается поле для ввода текста?


Список использованных источников:

1. Урок на тему: «Понятие форм в языке HTML, Поддубная Е. Н., г. Москва.

2. Гончаров А. Самоучитель HTML. - СПб.: Питер, 2002 г.

3. Мержевич В. В. HTML и CSS на примерах. - СПб.: БХВ-Петербург, 2005 г.

4. Хольцшлаг М. Языки HTML и CSS: для создания Web-сайтов. — М.: ТРИУМФ, 2007 г.


Отредактировано и выслано преподавателем Киевского национального университета им. Тараса Шевченко Соловьевым М. С.

Если у вас есть исправления или предложения к данному уроку, напишите нам.

Если вы хотите увидеть другие корректировки и пожелания к урокам, смотрите здесь - Образовательный форум.

Предмети > Информатика > Информатика 10 класс