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

Revisions

  1. sunmeat created this gist Dec 30, 2024.
    105 changes: 105 additions & 0 deletions form.html
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,105 @@
    <!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>