Використання форм. Основні елементи форми.

Вивчення нового матеріалу

3.1. Поняття форми

Форма — це елемент інтерфейсу, який використовується для введення, вибору та надсилання даних.

Приклади форм:

• форма входу на сайт;

• форма реєстрації;

• анкета;

• форма зворотного зв’язку.

3.2. Призначення форм

Форми використовують для:

• введення особистих даних;

• пошуку інформації;

• замовлення товарів;

• реєстрації користувачів.

3.3. Основні елементи форми (з прикладами)

1. Текстове поле (поле введення)

Використовується для введення тексту.

Приклад:

• ім’я

• електронна пошта

2. Поле пароля

Дані приховуються символами *.

Приклад:

• пароль для входу в систему.

3. Кнопка

Виконує дію.

Приклади:

• «Надіслати»

• «Увійти»

• «Пошук»

4. Прапорець (checkbox)

Дозволяє вибрати декілька варіантів.

Приклад:
☑ Отримувати новини
☑ Погоджуюся з правилами

5. Перемикач (radio button)

Дозволяє вибрати один варіант.

Приклад:
○ Чоловіча
○ Жіноча

6. Розкривний список

Вибір одного варіанта зі списку.

Приклад:

• Країна проживання

• Клас навчання

7. Поле для введення чисел

Обмежує введення тільки числами.

Приклад:

• вік

• кількість товарів

8. Поле для введення дати

Дає змогу вибрати дату з календаря.

Приклад:

• дата народження

3.4. Правила роботи з формами

• вводити достовірні дані;

• уважно перевіряти введену інформацію;

• не передавати паролі стороннім особам.

Закріплення знань

Запитання:

• Для чого потрібні форми?

• Який елемент дозволяє вибрати кілька варіантів?

• Який елемент приховує пароль?