/
undertaker_69
/
HTMLedu
Обзор
Документация
Войти
/
undertaker_69
/
HTMLedu
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
forms.html
80 строк
3 KB
undertaker_69
upload file forms
08 май 2025, 22:09
08 май 2025, 22:09
3aca264
Код
Авторство
О чём код?
<!DOCTYPE html> <html lang="ru"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Комплексная форма</title> </head> <body> <form> <!-- Текстовое поле --> <label for="username">Имя пользователя:</label> <input type="text" id="username" name="username" required> <br><br> <!-- Поле пароля --> <label for="user-password">Пароль:</label> <input type="password" id="user-password" name="password" required> <br><br> <!-- Поле email --> <label for="user-email">Email:</label> <input type="email" id="user-email" name="email" required> <br><br> <!-- Поле телефона --> <label for="user-phone">Телефон:</label> <input type="tel" id="user-phone" name="phone" pattern="[0-9]{10}" placeholder="1234567890" required> <br><br> <!-- Числовое поле --> <label for="user-age">Возраст:</label> <input type="number" id="user-age" name="age" min="1" max="120"> <br><br> <!-- Поле-ползунок --> <label for="volume">Громкость:</label> <input type="range" id="volume" name="volume" min="0" max="100" value="50"> <br><br> <!-- Чекбоксы --> <fieldset> <legend>Интересы:</legend> <input type="checkbox" id="interest-sports" name="interests" value="sports"> <label for="interest-sports">Спорт</label><br> <input type="checkbox" id="interest-music" name="interests" value="music"> <label for="interest-music">Музыка</label> </fieldset> <br> <!-- Радиокнопки --> <fieldset> <legend>Пол:</legend> <input type="radio" id="gender-male" name="gender" value="male" required> <label for="gender-male">Мужской</label><br> <input type="radio" id="gender-female" name="gender" value="female"> <label for="gender-female">Женский</label> </fieldset> <br> <!-- Поле даты --> <label for="birthdate">Дата рождения:</label> <input type="date" id="birthdate" name="birthdate"> <br><br> <!-- Поле времени --> <label for="appointment">Время встречи:</label> <input type="time" id="appointment" name="appointment"> <br><br> <!-- Поле загрузки файла --> <label for="user-avatar">Аватар (только изображения):</label> <input type="file" id="user-avatar" name="avatar" accept="image/*"> <br><br> <!-- Кнопки --> <input type="reset" value="Сбросить"> <input type="submit" value="Отправить"> </form> </body> </html>