Untitled

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

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <h1>Bienvenido a InstaPet</h1>
    <p>Hola, esta es una web social, para hablar sobre mascotas y bla bla bla</p>

    <form method="POST" action="blabla">

        <label>
            Nombre de la mascota:
            <input type="text" name="nombre" placeholder="Nombre de su mascota">
        </label>
        <br>
        <label>
            Edad de la mascota:
            <input type="number" max="25" name="edad" placeholder="Edad de la mascota">
        </label>
        <br>
        <label>
            Correo electrónico:
            <input type="email" name="corre" placeholder="Poner correo electrónico">
        </label>
        <br>
        <label>
            Contraseña:
            <input type="password" name="pass" placeholder="Poner contraseña">
        </label>
        <br>

        <label>
            Color de la Mascota:
            <input type="color" name="colormascota" list="listadecolores">
            <datalist id="listadecolores">
                <option value="#00ffff">
                <option value="#ff00ff">
            </datalist>
        </label>

    </form>

</body>
</html>