Skip to content

Instantly share code, notes, and snippets.

@sunmeat

sunmeat/form.html

Created December 30, 2024 10:00
Show Gist options
  • Save sunmeat/057489b48bdc397f4b26c61bc8a321dd to your computer and use it in GitHub Desktop.
Save sunmeat/057489b48bdc397f4b26c61bc8a321dd to your computer and use it in GitHub Desktop.
Download ZIP
всі стандартні елементи форм
Raw
form.html
<!DOCTYPE html>
<html lang="uk">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Форма реєстрації</title>
</head>
<body>
<form action="/submit" method="POST" enctype="multipart/form-data">
<fieldset>
<legend>Реєстрація користувача</legend>
<label for="login">Логін (обов'язкове поле):</label>
<input type="text" id="login" name="login" required><br><br>
<label for="email">Пошта:</label>
<input type="email" id="email" name="email"><br><br>
<label for="password">Пароль (обов'язкове поле):</label>
<input type="password" id="password" name="password" required><br><br>
<label for="confirmPassword">Підтвердження паролю (обов'язкове поле):</label>
<input type="password" id="confirmPassword" name="confirmPassword" required><br><br>
<hr>
<label for="fullname">Повне ім'я та прізвище:</label>
<input type="text" id="fullname" name="fullname" size="50"><br><br>
<label>Пол:</label><br>
<input type="radio" id="male" name="gender" value="male">
<label for="male">Чоловік</label><br>
<input type="radio" id="female" name="gender" value="female">
<label for="female">Жінка</label><br><br>
<label for="dob">Дата народження:</label>
<input type="date" id="dob" name="dob"><br><br>
<label for="city">Місто:</label>
<select name="city" id="city">
<optgroup label="Україна">
<option value="od" selected>Одеса</option>
<option value="kh">Харків</option>
<option value="ch">Черкаси</option>
<option value="uz">Ужгород</option>
<option value="dn">Дніпро</option>
<option value="my">Миколаїв</option>
<option value="ky">Київ</option>
<option value="lv">Львів</option>
<option value="oth1">інше місто України</option>
</optgroup>
<optgroup label="Світ">
<option value="pa">Париж</option>
<option value="am">Амстердам</option>
<option value="ba">Барселона</option>
<option value="be">Берлін</option>
<option value="va">Варшава</option>
<option value="pr">Прага</option>
<option value="oth2">інше місто світу</option>
</optgroup>
</select><br><br>
<label for="color">Ваш улюблений колір:</label>
<input type="color" id="color" name="color"><br><br>
<label for="number">Ваше улюблене число:</label>
<input type="number" id="number" /><br><br>
<label>Іноземні мови:</label><br>
<input type="checkbox" id="english" name="languages" value="english">
<label for="english">Англійська</label><br>
<input type="checkbox" id="french" name="languages" value="french">
<label for="french">Французька</label><br>
<input type="checkbox" id="german" name="languages" value="german">
<label for="german">Німецька</label><br>
<input type="checkbox" id="spanish" name="languages" value="spanish">
<label for="spanish">Іспанська</label><br>
<input type="checkbox" id="italian" name="languages" value="italian">
<label for="italian">Італійська</label><br><br>
<label for="profession">Сфера діяльності:</label>
<select name="profession" id="profession">
<option value="business">Бізнес</option>
<option value="education">Освіта</option>
<option value="engineering">Інженерія</option>
<option value="healthcare">Охорона здоров'я</option>
<option value="it">ІТ</option>
</select><br><br>
<label for="additionalInfo">Додаткова інформація:</label><br>
<textarea name="additionalInfo" id="additionalInfo" rows="4" cols="50"></textarea><br><br>
<label for="photo">Прикріпіть своє фото:</label>
<input type="file" id="photo" name="photo"><br><br>
<input type="submit" value="Готово">
<input type="reset" value="Скинути"><br><br>
</fieldset>
</form>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment