SlideShare a Scribd company logo
1 of 42
http://vsimppt.com.ua/
Використання форм. Основні
елементи форми.
Повторимо правила поведінки та безпеки
в комп’ютерному класі
http://vsimppt.com.ua/
Перевірка ДЗ
http://vsimppt.com.ua/
Перевірка учнівських інтерактивних сторінок.
Пригадаємо
1. Що таке Document Object Model?
Опишіть процес формування DOM.
2. Продовжіть речення. JavaScript – це …
3. Опишіть вивчені способи інтерактивної
взаємодії з сайтом.
Призначення форм.
Використання форм. Основні
елементи форми.
Форма
Результат
Написання форм.
Використання форм. Основні
елементи форми.
Написання форм.
Використання форм. Основні
елементи форми.
Адреса документу
для обробки даних
Написання форм.
Використання форм. Основні
елементи форми.
Після відправлення форми
нас перенаправить на
сторінку page.html
Написання форм.
Використання форм. Основні
елементи форми.
Спосіб опрацювання
даних
POST GET
Способи виведення запитів в
браузерний рядок
Написання форм.
Використання форм. Основні
елементи форми.
Автозаповнення
Написання форм.
Використання форм. Основні
елементи форми.
Поле введення тексту
Написання форм.
Використання форм. Основні
елементи форми.
Написання форм.
Використання форм. Основні
елементи форми.
Написання форм.
Використання форм. Основні
елементи форми.
Виведення даних в фрейм
Написання форм.
Використання форм. Основні
елементи форми.
Виведення даних в фрейм
Написання форм.
Використання форм. Основні
елементи форми.
Написання форм.
Використання форм. Основні
елементи форми.
Написання форм.
Використання форм. Основні
елементи форми.
Можливі варіанти форм (input):
Використання форм. Основні
елементи форми.
Можливі варіанти форм (input):
Використання форм. Основні
елементи форми.
Можливі варіанти форм (input):
Використання форм. Основні
елементи форми.
Огляд атрибутів
Використання форм. Основні
елементи форми.
Обмеження вводу до 5
символів
Огляд атрибутів
Використання форм. Основні
елементи форми.
Підказка користувачеві
Огляд атрибутів
Використання форм. Основні
елементи форми.
Огляд атрибутів
Використання форм. Основні
елементи форми.
Обов’язкове поле
Огляд атрибутів
Використання форм. Основні
елементи форми.
Огляд атрибутів
Використання форм. Основні
елементи форми.
Тільки читання даного
поля
Огляд атрибутів
Використання форм. Основні
елементи форми.
Розмір поля
Огляд атрибутів
Використання форм. Основні
елементи форми.
Написання форм.
Використання форм. Основні
елементи форми.
Перевірка правопису
Написання форм.
Використання форм. Основні
елементи форми.
Обов’язкове поле, щоб в майбутньому
сервер зміг опрацювати поле по його
назві.
Особливості роботи з чек боксами та радіо кнопками.
Використання форм. Основні
елементи форми.
Особливості роботи з чек боксами та радіо кнопками.
Використання форм. Основні
елементи форми.
Особливості роботи з чек боксами та радіо кнопками.
Використання форм. Основні
елементи форми.
Значення, які «підуть» на
сервер.
Особливості роботи з чек боксами та радіо кнопками.
Використання форм. Основні
елементи форми.
Особливості роботи з чек боксами та радіо кнопками.
Використання форм. Основні
елементи форми.
Встановлення значення імені клавіши.
Використання форм. Основні
елементи форми.
Працюємо за комп’ютером
http://vsimppt.com.ua/
http://vsimppt.com.ua/
Працюємо з
інструкційними
картками
Працюємо за комп’ютером
Повторюємо
1. На які типи можна умовно поділити значення
параметрів type для форм?
2. Чи обов’язково надавати ім’я формі? Чому?
3. Яким чином об’єднати 3 радіо кнопки (здійснити
вибір лише однієї) та встановити за замовчуванням
відмічену клавішу 2 з можливим надсиланням
даних на сервер «tworadioon» ?.
Домашнє завдання
Опрацювати
вивчений
матеріал.
Підготуватись до
тестової перевірки
знань.
До нових зустрічей!
http://vsimppt.com.ua/
http://vsimppt.com.ua/

More Related Content

Similar to 24

Автоматизація створення контенту. Анастасія Красюкова
Автоматизація створення контенту. Анастасія КрасюковаАвтоматизація створення контенту. Анастасія Красюкова
Автоматизація створення контенту. Анастасія КрасюковаCollaborator.pro
 
графічні примітиви 22.pptx
графічні примітиви 22.pptxграфічні примітиви 22.pptx
графічні примітиви 22.pptxssuserf4377f
 
лабораторна робота 9
лабораторна робота 9лабораторна робота 9
лабораторна робота 9cit-cit
 
Лекція №12 Передача параметрів у функцію.pptx
Лекція №12 Передача параметрів у функцію.pptxЛекція №12 Передача параметрів у функцію.pptx
Лекція №12 Передача параметрів у функцію.pptxssuserf57884
 
залік з теми текстовий редактор Word
залік з теми текстовий редактор Wordзалік з теми текстовий редактор Word
залік з теми текстовий редактор WordElena Kostesnko
 
Текстовий процесор. Настроювання параметрів сторінок. Створення колонтитулів....
Текстовий процесор. Настроювання параметрів сторінок. Створення колонтитулів....Текстовий процесор. Настроювання параметрів сторінок. Створення колонтитулів....
Текстовий процесор. Настроювання параметрів сторінок. Створення колонтитулів....Irina Pokidko
 
Калентарно-тематичне планування для 11 класу
Калентарно-тематичне планування для 11 класуКалентарно-тематичне планування для 11 класу
Калентарно-тематичне планування для 11 класуVsimPPT
 
Volodymyr Yatsynych e+CMS flash front end (server)
Volodymyr Yatsynych e+CMS flash front end (server)Volodymyr Yatsynych e+CMS flash front end (server)
Volodymyr Yatsynych e+CMS flash front end (server)Semen Frish
 
Access2007 lab2
Access2007 lab2Access2007 lab2
Access2007 lab2mgm2019
 

Similar to 24 (16)

24
2424
24
 
Автоматизація створення контенту. Анастасія Красюкова
Автоматизація створення контенту. Анастасія КрасюковаАвтоматизація створення контенту. Анастасія Красюкова
Автоматизація створення контенту. Анастасія Красюкова
 
123
123123
123
 
11
1111
11
 
графічні примітиви 22.pptx
графічні примітиви 22.pptxграфічні примітиви 22.pptx
графічні примітиви 22.pptx
 
лабораторна робота 9
лабораторна робота 9лабораторна робота 9
лабораторна робота 9
 
Лекція №12 Передача параметрів у функцію.pptx
Лекція №12 Передача параметрів у функцію.pptxЛекція №12 Передача параметрів у функцію.pptx
Лекція №12 Передача параметрів у функцію.pptx
 
залік з теми текстовий редактор Word
залік з теми текстовий редактор Wordзалік з теми текстовий редактор Word
залік з теми текстовий редактор Word
 
Текстовий процесор. Настроювання параметрів сторінок. Створення колонтитулів....
Текстовий процесор. Настроювання параметрів сторінок. Створення колонтитулів....Текстовий процесор. Настроювання параметрів сторінок. Створення колонтитулів....
Текстовий процесор. Настроювання параметрів сторінок. Створення колонтитулів....
 
23
2323
23
 
події
подіїподії
події
 
7 9 класи
7 9 класи7 9 класи
7 9 класи
 
1222929
12229291222929
1222929
 
Калентарно-тематичне планування для 11 класу
Калентарно-тематичне планування для 11 класуКалентарно-тематичне планування для 11 класу
Калентарно-тематичне планування для 11 класу
 
Volodymyr Yatsynych e+CMS flash front end (server)
Volodymyr Yatsynych e+CMS flash front end (server)Volodymyr Yatsynych e+CMS flash front end (server)
Volodymyr Yatsynych e+CMS flash front end (server)
 
Access2007 lab2
Access2007 lab2Access2007 lab2
Access2007 lab2
 

More from ssuserb6c6cf (20)

1 lesson.pdf
1 lesson.pdf1 lesson.pdf
1 lesson.pdf
 
metod
metodmetod
metod
 
Тема 2.1.pptx
Тема 2.1.pptxТема 2.1.pptx
Тема 2.1.pptx
 
02.01 10 247
02.01 10 24702.01 10 247
02.01 10 247
 
01 22 245
01 22 24501 22 245
01 22 245
 
наказ про введення канікул з 28.02.2022. для сайту. головна
наказ про введення канікул з 28.02.2022. для сайту. головнанаказ про введення канікул з 28.02.2022. для сайту. головна
наказ про введення канікул з 28.02.2022. для сайту. головна
 
My.hotovi.pro.ditey.03.02
My.hotovi.pro.ditey.03.02My.hotovi.pro.ditey.03.02
My.hotovi.pro.ditey.03.02
 
Broshura u.razi.nadzvychaynoyi.sytuatsiyi.abo.03.02
Broshura u.razi.nadzvychaynoyi.sytuatsiyi.abo.03.02Broshura u.razi.nadzvychaynoyi.sytuatsiyi.abo.03.02
Broshura u.razi.nadzvychaynoyi.sytuatsiyi.abo.03.02
 
Rekom.vmist.tryvozhnoyi.valizy.03.02
Rekom.vmist.tryvozhnoyi.valizy.03.02Rekom.vmist.tryvozhnoyi.valizy.03.02
Rekom.vmist.tryvozhnoyi.valizy.03.02
 
1
11
1
 
1
11
1
 
2965 03.02 18
2965 03.02 182965 03.02 18
2965 03.02 18
 
1
11
1
 
1
11
1
 
4
44
4
 
3
33
3
 
2
22
2
 
1
11
1
 
1
11
1
 
2020
20202020
2020
 

24