User17 в 20:04, 2 февраля 2013

2013-02-02T20:04:31Z

User16 в 13:08, 1 февраля 2013

2013-02-01T13:08:55Z

User11 в 13:01, 29 марта 2011

2011-03-29T13:01:28Z

← Предыдущая		Версия 13:01, 29 марта 2011
Строка 159:		Строка 159:
	''Отредактировано и выслано преподавателем Киевского национального университета им. Тараса Шевченко Соловьевым М. С.''		''Отредактировано и выслано преподавателем Киевского национального университета им. Тараса Шевченко Соловьевым М. С.''

-	~~Если у вас есть исправления~~ или ~~предложения к данному уроку~~, [http://xvatit.com/~~index~~.~~php?do=feedback напишите нам~~].	+	----
		+
		+	'''<u>Над уроком работали</u>'''
		+
		+	Соловьев М. С.
		+
		+
		+	----
		+
		+
		+
		+	Поставить вопрос о современном образовании, выразить идею или решить назревшую проблему Вы можете на [http://xvatit.com/forum/ '''Образовательном форуме'''], где на международном уровне собирается образовательный совет свежей мысли и действия. Создав [http://xvatit.com/club/blogs/ '''блог,'''] Вы не только повысите свой статус, как компетентного преподавателя, но и сделаете весомый вклад в развитие школы будущего. [http://xvatit.com/school/guild/ '''Гильдия Лидеров Образования'''] открывает двери для специалистов  высшего ранга и приглашает к сотрудничеству в направлении создания лучших в мире школ.<br>
		+
		+

-	Если вы хотите увидеть другие корректировки и пожелания к урокам, смотрите здесь - [http://xvatit.com/forum/ Образовательный форум].

	[[Category:Информатика_10_класс]]		[[Category:Информатика_10_класс]]

User17 в 15:23, 15 ноября 2010

2010-11-15T15:23:12Z

Внесённые изменения

User17: Новая страница: «'''Гипермаркет знаний>>Информатика>>[[Информа...»

2010-11-15T15:19:04Z

Новая страница: «'''Гипермаркет знаний>>Информатика>>[[Информа...»

Новая страница

'''[[Гипермаркет знаний - первый в мире!|Гипермаркет знаний]]>>[[Информатика]]>>[[Информатика 10 класс. Полные уроки]]>>Информатика: Формы.'''

<metakeywords>Информатика, класс, урок, на тему, 10 класс, Формы.</metakeywords> 

'''Тема: Формы'''. 

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

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

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

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

{{#ev:youtube|ntCWwK8pk-E}}

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

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

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

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

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

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

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

 

{{#ev:youtube|BvpDxEN4Bu8}}

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

 
[[Image:Formm1.jpg]] 

[[Image:Formm2.jpg]]

 

{{#ev:youtube|ui4X-uiJxx4}}

''' Атрибуты. '''

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

{{#ev:youtube|pw0We-tr424}}

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

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

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

{{#ev:youtube|TbahwcC8wv4}}

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

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

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

[[Image:Formm3.jpg]]

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

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

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

[[Image:Formm5.jpg]]

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

[[Image:Formm6.jpg]]

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

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

[[Image:Formm7.jpg]]

 

 {{#ev:youtube|2nDBrkvPpG8}}

 

 

'''Вопросы:'''

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

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

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

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

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

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

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

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

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

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

Если у вас есть исправления или предложения к данному уроку, [http://xvatit.com/index.php?do=feedback напишите нам].

Если вы хотите увидеть другие корректировки и пожелания к урокам, смотрите здесь - [http://xvatit.com/forum/ Образовательный форум].

[[Category:Информатика_10_класс]]

Формы. Полные уроки - История изменений

User17 в 20:04, 2 февраля 2013

User16 в 13:08, 1 февраля 2013

User11 в 13:01, 29 марта 2011

User17 в 15:23, 15 ноября 2010

User17: Новая страница: «'''Гипермаркет знаний>>Информатика>>[[Информа...»