Назад Вперед Зміст

Форми є одним із важливих елементів будь-якого сайту і призначені для обміну даними між користувачем і сервером. Приклад форми:

У цій формі є всі основні елементи керування:

Різні поля вводу,
Радіокнопки або перемикачі,
Прапорці,
Поле зі списком,
Кнопки різного призначення.

Текстове поле:

Поле паролю:

Числове поле:

Дата:

Час:

Радіокнопки: Чоловік Жінка

Чекбокси: Велосипед Автомобіль

Випадаючий список:

Текстова область:

Вибір файлу:

Гучність (діапазон):

Вибір кольору:

Пошук:

Структура форми

Кожна форма повинна бути укладена в теги <form>. Усі елементи керування, які є частиною форми, повинні знаходитися всередині тегу <form>.


<!DOCTYPE html>
<html lang="uk">
<head>
    <meta charset="UTF-8">
    <title>Форма реєстрації</title>
</head>
<body>
    <form>
        <div>
            <label for="username">Ім'я користувача:</label>
            <input type="text" id="username" name="username">
        </div>
        
        <div>
            <label for="email">Email:</label>
            <input type="email" id="email" name="email">
        </div>
        
        <div>
            <label for="password">Пароль:</label>
            <input type="password" id="password" name="password">
        </div>
        
        <button type="submit">Зареєструватися</button>
    </form>
</body>
</html>

Форма реєстрації

Назад Вперед Зміст