form

<!doctype>
<html lang="es">

<head>
    <title>Formulario</title>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="style.css">
</head>

<body style="text-align:center;">
    <h1> Formulario de Registro </h1>
<nav>
<p style="background-color: black; width: 100px; height: 20px; text-align:center;" >
<a href="index.html">INICIO </a> </p>
<p style="background-color: black; width: 100px; height: 20px; text-align:center;" >
<a href="servicios.html">SERVICIOS </a> </p>
<p style="background-color: black; width: 100px; height: 20px; text-align:center;" >
<a href="contacto.html">CONTACTO </a> </p>
<p style="background-color: black; width: 100px; height: 20px; text-align:center;" >
<a href="formulario.html">REGISTRO </a> </p>
</nav>

    <form action="formulario.php" method="post" enctype="multipart/form-data">
        <div>
            <label for="name">Nombre:</label><br>
            <input type="txt" id="name" name="nombre" required/>

        <div>
            <label for="surname">Apellido:</label><br>
            <input type="txt" id="surname" name="apellido" required/>
        </div>
        <div>
            <label for="birthday">Fecha de nacimiento:</label><br>
            <input type="date" id="birthday" name="fecha_nacimiento" placeholder=" dd/mm/yyyy">
        <div>
        <div>
            <label for="sugerencias">Sugerencias:</label><br>
            <textarea name="sugerencias" placeholder="Ingrese sugerencias o comentarios"></textarea>
        </div>
        <div>
            <label for="mail">Correo electrónico:</label><br>
            <input type="email" required id="mail" name="direccion_email">
        </div>
        <div>
            <label for="cars">Seleccione su marca de autos preferida:</label><br>
            <select name="cars">
                    <option value="volvo">Volvo</option>
                    <option value="saab">Saab</option>
                    <option value="fiat">Fiat</option>
                    <option value="audi">Audi</option>
            </select>
        </div>
        <div>
            <label for="web">Página web personal:</label><br>
            <input type="url" id="web" name="web_personal" pattern="https?://.+" placeholder="http:// o https://">
        </div>
        <div>
            <label for="phone">Teléfono:</label><br>
            <input type="tel" id="phone" name="telefono">
        </div>
        <div>
            <label for="place">Lugar de residencia:</label><br>
            <input type="text" id="place" name="localidad">
        </div>
        <div>
            <label for="color">Color favorito:</label><br>
            <input type="color" id="color" name="color">
        </div>
        <div>
            <label for="exp">Experiencia en el uso del Software Libre:</label><br>
            <input type="number" required id="exp" name="experiencia" min="0" max="100" step="10" placeholder="De 0 a 100">
        </div>
        <div>
            <label for="user">Usuario:</label><br>
            <input type="text" id="user" required pattern=".{0,10}" name="usuario" placeholder="Máximo 10 caracteres">
        </div>
        <div>
            <label for="pwd">Contraseña:</label><br>
            <input type="password" required id="pwd" name="password" pattern=".{10,60}" placeholder="Entre 10 y 60 caracteres">
        </div>
        <div>
            <label for="image">Imagen de perfil:</label><br>
            <input type="file" required id="image" name="imagen_perfil" placeholder=" Formato jpeg o png">
        </div>
        <div>
            <label for="pub">Envío de correo:</label><br>
            <input type="radio" id="pub" name="publicidad" checked value="semanal">Semanal
            <input type="radio" id="pub" name="publicidad" value="mensual">Mensual
            <input type="radio" id="pub" name="publicidad" value="ninguna">Ninguno
        </div>
        <div>
            <label for="condiciones">Términos y condiciones:</label><br>
            <input type="checkbox" id="check" required name="aceptacion" value=" aceptacion"> Acepto los términos y las condiciones
        </div>


        <div class="button">
            <button type="submit">Enviar</button>
            <button type="reset">Borrar</button>
        </div>
    </form>

</body>
</html>