Урок по информатике. Сайтостроение. Формы. 10 класс.

Элементы форм: Кнопки

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

Параметры кнопки перечислены в таблице.

В надписи на кнопке можно ставить пробелы в любом количестве.

Кнопка SUBMIT

Когда пользователь нажимает на эту кнопку, данные формы отправляются на сервер и обрабатываются программой, указанной параметром action тега FORM.

Параметры те же, что и у простых кнопок.

Параметр name для этого типа кнопки может быть опущен. Если значение параметра value не указывать, автоматически появится надпись Submit (для IE) или Submit Query (для Netscape).

Кнопка RESET

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

Параметры совпадают с параметрами простых кнопок.

Значение кнопки Reset никогда не пересылается на сервер.

С йтостроение

Формы

Актуальность

• Формы – связь посетителя с администратором сайта
• Формы – управляющие элементы различных типов:

• текстовое поле раскрывающиеся списки флажки переключатели текстовая область
• текстовое поле
• раскрывающиеся списки
• флажки
• переключатели
• текстовая область

Конрейнер

• Конрейнер

Пожалуйста, введите Ваше имя: E-mail: e -mail SIZE=30" width="640"

Текстовые поля – для ввода информации

• Тэг
• Атрибуты и их значения:

• TYPE – ( TYPE =text ) NAME – имя информации ( NAME = name ) SIZE – длина поля ввода в символах ( SIZE=30 )
• TYPE – ( TYPE =text )
• NAME – имя информации ( NAME = name )
• SIZE – длина поля ввода в символах ( SIZE=30 )

• Разделитель строки

FORM

Пожалуйста, введите Ваше имя: E-mail: e -mail SIZE=30

Укажите, к какой группе пользователей Вы себя относите: radio NAME=group VALUE = schoolboy Учащийся radio NAME=group VALUE = student Студент radio NAME=group VALUE = teacher Учитель" width="640"

Переключатели – выбор из нескольких вариантов одного

• Тэг
• Атрибуты и их значения:

• TYPE – группа радиокнопок ( TYPE =radio ) NAME – имя элементов в группе ( NAME = group ) VALUE – уникальное имя для радиокнопки ( VALUE= имя)
• TYPE – группа радиокнопок ( TYPE =radio )
• NAME – имя элементов в группе ( NAME = group )
• VALUE – уникальное имя для радиокнопки ( VALUE= имя)

• Разделитель строки

FORM Укажите, к какой группе пользователей Вы себя относите:

radio NAME=group VALUE = schoolboy Учащийся

radio NAME=group VALUE = student Студент

radio NAME=group VALUE = teacher Учитель

Какие из сервисов Интернета Вы используете наиболее часто: checkbox NAME=group VALUE = www WWW checkbox NAME=group VALUE = e-mail E-mail checkbox NAME=group VALUE = ftp FTP" width="640"

Флажки – выбор из нескольких вариантов нескольких

• Тэг
• Атрибуты и их значения:

• TYPE – ( TYPE = в группе ( NAME = group ) VALUE – уникальное имя для радиокнопки ( VALUE= имя )
• TYPE – ( TYPE = в группе ( NAME = group )
• VALUE – уникальное имя для радиокнопки ( VALUE= имя )

• Разделитель строки

FORM Какие из сервисов Интернета Вы используете наиболее часто:

checkbox NAME=group VALUE = www WWW

checkbox NAME=group VALUE = e-mail E-mail

checkbox NAME=group VALUE = ftp FTP

содержит элемент списка Разделитель строки select параметры option параметрыВыбор 1/option option Выбор 2/option option Выбор 3/option /select Как по вашему мнению расшифровывается аббревиатура "ОС"? Офицерский состав Операционная система Большой полосатый мух" width="640"

Поле со списком – выбор из одного вариант а нескольких из выпадающего меню

• Контейнер содержит весь список
• Атрибуты и их значения:

• NAME – имя в группе ( NAME = group )
• NAME – имя в группе ( NAME = group )
• NAME – имя в группе ( NAME = group )

• SIZE – количество видимых строк ( SIZE =1)
• SIZE – количество видимых строк ( SIZE =1)
• SIZE – количество видимых строк ( SIZE =1)
• SIZE – количество видимых строк ( SIZE =1)
• SIZE – количество видимых строк ( SIZE =1)

• Контейнер / OPTION содержит элемент списка

• Разделитель строки

select параметры option параметрыВыбор 1/option option Выбор 2/option option Выбор 3/option /select

Как по вашему мнению расшифровывается аббревиатура "ОС"? Офицерский состав Операционная система Большой полосатый мух