Меню
Разработки
Разработки  /  Информатика  /  Уроки  /  10 класс  /  Урок по информатике. Сайтостроение. Формы. 10 класс.

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

В 10 классе есть очень интересная тема "Сайтостроение". В архиве представлен пятый урок по теме "Формы (сайтостроение)". Представленные материалы: Презентация к уроку (содержит все необходимые сведения по теме), задание для практической работы, рисунок, примеры HTML-документов, документ "Кнопки"

15.08.2016

Содержимое разработки

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

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

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

Параметр

Описание

name=...

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

value=...

Надпись на кнопке, а также

align=...

Выравнивание поля. Возможные значения: top, middle, bottom, right, left, texttop, baseline, absmiddle, absbottom. Результат их использования точно такой же, как и у изображений.


Пример 1. Создание кнопки


Нажми меня нежно  "




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

Кнопка SUBMIT

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

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

Пример 2. Кнопка Submit





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

Кнопка RESET

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

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

Пример 3. Кнопка 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

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

-80%
Курсы дополнительного образования

Основы HTML

Продолжительность 72 часа
Документ: Cвидетельство о прохождении курса
4000 руб.
800 руб.
Подробнее
Скачать разработку
Сохранить у себя:
Урок по информатике. Сайтостроение. Формы. 10 класс. (726.46 KB)

Комментарии 0

Чтобы добавить комментарий зарегистрируйтесь или на сайт