KNOWLEDGE HYPERMARKET


Форми. Повні уроки
Строка 137: Строка 137:
<br>  
<br>  
-
''Список використаної літератури:''
+
''Список використаної літератури:  
-
1. Урок на тему: «Поняття форм в мові HTML, Поддубная Е. Н., м. Москва.  
+
1. Урок на тему: "Поняття форм в мові HTML", Поддубная Е. Н., м. Москва.  
2. Агулар Р. HTML и CSS. Основа любого сайта. - Эксмо, 2010.  
2. Агулар Р. HTML и CSS. Основа любого сайта. - Эксмо, 2010.  
Строка 153: Строка 153:
''Скомпоновано та надіслано викладачем Київського національного університету імені Тараса Шевченка Соловйовим М. С.''  
''Скомпоновано та надіслано викладачем Київського національного університету імені Тараса Шевченка Соловйовим М. С.''  
-
<br> Якщо у вас є виправлення чи пропозиції до цього уроку, [http://xvatit.com/index.php?do=feedback напишіть нам].  
+
<br> <br> ----
 +
 
 +
'''<u>Над уроком працювали</u>'''
 +
 
 +
Піддубна Е. Н.
 +
 
 +
Соловйов М. С.
 +
 
 +
----
 +
 
 +
 
 +
 
 +
Поставить вопрос о современном образовании, выразить идею или решить назревшую проблему Вы можете на [http://xvatit.com/forum/ '''Образовательном форуме'''], где на международном уровне собирается образовательный совет свежей мысли и действия. Создав [http://xvatit.com/club/blogs/ '''блог,'''] Вы не только повысите свой статус, как компетентного преподавателя, а и сделаете весомый вклад в развитие школы будущего. [http://xvatit.com/school/guild/ '''Гильдия Лидеров Образования'''] открывает двери для специалистов&nbsp; высшего ранга и приглашает к сотрудничеству в направлении создания лучших в мире школ.<br>
-
Якщо ви хочете побачити інші виправлення чи пропозиції до уроків, дивіться тут - [http://xvatit.com/forum/ Образовательный форум].
 
[[Category:Інформатика_10_клас]]
[[Category:Інформатика_10_клас]]

Версия 11:03, 10 марта 2011

Гіпермаркет Знань>>Інформатика>>Інформатика 10 клас. Повні уроки>> Інформатика: Форми.

Тема: Форми.

Мета: Розглянути поняття форми в HTML. Навчити створювати форми різних типів.

Тип уроку: теоретично-практичний

Хід уроку:

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

Вони застосовуються не лише для відправки даних на сервер.

За допомогою безлічі команд і їх атрибутів можна отримати доступ до будь-якого елементу форми, змінювати його і використовувати на власний розсуд.


Документ або веб-сторінка може вміщувати будь-яку кількість форм, але одночасно може бути відправлена інформація тільки від однієї форми.

Тому, дані форм мають бути незалежні один від одного.

Тег < 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 - видає декілька варіантів вибору.

Formm7.jpg



Поле для введення тексту

TEXTAREA - створює поле для введення тексту.

Rows - задає кількість рядків

Cols - кількість колонок

Formm6.jpg



Самоконтроль:

1. Що таке форми? Їх призначення.

2. Яким тегом визначається початок і кінець форми?

3. Типи введення (Type).

4. За допомогою якої команди створюється поле для введення тексту?


Список використаної літератури:

1. Урок на тему: "Поняття форм в мові HTML", Поддубная Е. Н., м. Москва.

2. Агулар Р. HTML и CSS. Основа любого сайта. - Эксмо, 2010.

3. Квинт И. HTML и XHTML. Языки разметки web-страниц. - Питер, 2010.

4. Богомолова О.Б. Web-конструирование на HTML. - БИНОМ. Лаборатория знаний, 2008.

5. Глинський Я., Ряжська В. Інтернет. Мережі, HTML і телекомунікації. Самоучитель. - Деол, 2007.


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



----

Над уроком працювали

Піддубна Е. Н.

Соловйов М. С.



Поставить вопрос о современном образовании, выразить идею или решить назревшую проблему Вы можете на Образовательном форуме, где на международном уровне собирается образовательный совет свежей мысли и действия. Создав блог, Вы не только повысите свой статус, как компетентного преподавателя, а и сделаете весомый вклад в развитие школы будущего. Гильдия Лидеров Образования открывает двери для специалистов  высшего ранга и приглашает к сотрудничеству в направлении создания лучших в мире школ.

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