---

<title>Регистрация</title>
<style>
    /* Псевдоэлемент из тетрадки: при наведении инпуты краснеют */
    input:hover { border-color: red; color: red; }
    form { width: 300px; margin: 50px auto; display: flex; flex-direction: column; gap: 10px; }
    input { padding: 8px; }
</style>

<form>
    <h3>Регистрация</h3>
    
    <input type="text" placeholder="Имя">
    
    <input type="date">
    
    <input type="tel" placeholder="Телефон">
    
    <input type="email" placeholder="Email">
    
    <input type="password" placeholder="Пароль">
    
    <input type="submit" value="Войти">
</form>