Кнопки, події функції

Опанувати веб конспект
Виконати практичне завдання 1
Виконати практичне завдання 2

Форма це елемент HTML-документа, що забезпечує взаємозв'язок з Web-вузлом. Форми використовуються для опитування відвідувачів, замовлення різних послуг та інших дій.

<form>...</form>- це фундаментальний елемент всіх форм, парний тег. Форма може мати декілька атрибутів. Основні з них:

action, значенням якого є URL для передачі на вузол інформації з форми;
metod, що приймає значення get або post (визначення способу передачі даних форми до вузла).

</form>

Практичне завдання 1. Створити вебсторінку з анкетою для цього удосконалити наступний HTML код сторінки https://docs.google.com/document/d/1Pabt_SZoLNcQQK2Z8rWLmypmOO677w0qNAugYSf5f04/edit?usp=sharing

<html>

<head>

<title>Форма опитування</title>

<style>

Сюди вставити таблицю стилів код1

</style>

</head>

<body>

Сюди вставити HTML код вебсторінки код2

/body>

</html>

Технологія виконання завдання 1.

Зайдіть на редактор коду https://jsfiddle.net та ввести HTML код вебсторінки https://docs.google.com/document/d/1Pabt_SZoLNcQQK2Z8rWLmypmOO677w0qNAugYSf5f04/edit?usp=sharing Натиснути RUN, щоб переглянути.

2. Продовжуй працювати з цим кодом і допиши вставлення HTML коду 2, у якому прописані поля анкети https://docs.google.com/document/d/1AL6kdg2ITdiuTBlgPqhM8JbbsPsd18GzfInyKOORrMo/edit?usp=sharing Натиснути RUN, щоб переглянути.

3. Продовжуй працювати з цим кодом і допиши вставлення CSS стилю анкети (заверніть увагу стиль, прописаний всередині сторінки!!!) код 1 https://docs.google.com/document/d/1cmQR65wGukCQWUMR5HEpQQLyUqS-6ij8GhotEolwvLA/edit?usp=sharing Натиснути RUN, щоб переглянути.

4. Натисни Save, щоб згенерувати URL адресу вебсторінки з формою . Прозвітувати посиланням.

Практичне завдання 2. Створіть тестування на вебсторінках , необхідно, щоб при наведені курсору на комірку із написом "Правильні відповіді=" у відповідному вікні з’явилося число правильних відповідей.

Теоретичні відомості.

В JavaScript інтерактивність реалізована за допомогою прив'язки та обробки подій, викликаних в результаті дій користувача. Для цього в теги деяких елементів введені параметри обробки подій. Ім'я параметру обробки події починається з префіксу on, за яким йде назва події.

Технологія виконання завдання 2.

Зайдіть на редактор коду https://jsfiddle.net та ввести HTML код вебсторінки https://docs.google.com/document/d/1iZnV1SwWBFW5yZhaahWstEEkUCIl32VB1iWu0Zpw_II/edit?usp=sharing Натиснути RUN, щоб переглянути.

2. Удосконалити код:

Придумай своє питання з однією правильною відповіддю, і щоб ця відповідь зараховувалась
У друге питання, яке має декілька правильних відповідей додай ще питання з правильною відповіддю (black) і щоб воно враховувалось при підрахунку правильних відповідей.

3. Натисни Save, щоб згенерувати URL адресу вебсторінки з формою . Прозвітувати посиланням.

Page updated

Google Sites

Report abuse