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

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

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

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

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

</form>

МАТЕРІАЛИ

Практичне завдання 1. Створити вебсторінку з формою, що містить

Поле Напис
Прапорець
Радіо - кнопку
Кнопку Надіслати
Кнопку Очистити
Поле Завантажити файл
Поле введення тексту
Поле введення номера телефону
Поле введення паролю
Поле введення електронної пошти
Індикатор кольору
Дата

Дописати код сторінки, щоб на вебсторінці з'явились

Поле введення абзацу
Спадний список

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

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

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

3. Заповніть форму за зразком (під завданням) та зроби скрин

4. Натисни кнопку Clear (очистити)

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

Зразок форми

Практичне завдання 2. Створити форму за зразком

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

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

2. ВвестиCSS код вебсторінки з формою у відповідну область https://docs.google.com/document/d/1qu9EdmWxSBOjkFcMGHpFvL76PPBmyjhKIXYWMLubhlE/edit?usp=sharing Змініть колір фона форми на жовтий Натиснути RUN, щоб переглянути.

3. У місця коду виділені червоним кольором placeholder="Прізвище та ім'я" (введи власні написи: наприклад, ПІБ, електронна скринька, пароль) Натиснути RUN, щоб переглянути.

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

Page updated

Google Sites

Report abuse