Formulario de validación básica utilizando los atributos nativos de HTML5

HTML
<form method="POST" action="">
    <h2>LOGIN</h2>
    
    <label>Nombre</label>
    <input type="text" name="nombre"  required/>
    
    <label>Correo</label>
    <input type="email" name="email"  required/>
    
    <label>Contraseña</label>
    <input type="password" name="password" required/>
    
    <input type="submit" value="Validar"/>
    
</form>
CSS
body{
    font-family:sans-serif;
    border-box:box-sizing;
    color:#6e2c00;
}
form{
    width:350px;
    height:350px;
    margin:0px auto;
    border:10px solid #f5cba7;
    border-radius:50%;
    padding:5px 20px 20px 20px;
    padding:40px;
    background:#f0b27a;
    text-align:center;
}
form label{
    margin:5px;
    display:block;
}
form input{
    width:90%;
    padding:10px;
    margin:5px;
}
form input[type="submit"]{
    width:50%;
    font-weight:bold;
}

Autor: Sumaya

Publicado: 29/01/2019

Compartir Elemento Web

Donar a Compositu
Otras formas de ayudar
  • Compártelo en tus redes sociales.
  • Recomienda los elementos.
  • Regístrate Aquí
  • Deja tu comentario agradeciendo el aporte.

Descarga el código completo del Elemento Web y archivos necesarios (imágenes, librerias, plugins, frameword, etc)

Deja tu comentario