HTML5: Formulario básico

Tiempo de lectura: < 1 minuto

<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <meta name="author" content="Colmena en la Nube" />
    <meta name="description" content="Cada cosa en su celda" />
    <meta name="keywords" content="html5" />
    <title>Comlena en la Nube</title>
    <link rel="icon" href="img/icono.png" />
</head>
<body>

    <h1>Formulario</h1>

    <form>
        <label for="txtNombre">Nombre: </label>
        <input id="txtNombre" type="text" placeholder="Introduzca nombre" value="" required />
        <br /><br />
        <label for="txtApellidos">Apellidos: </label>
        <input id="txtApellidos" type="text" placeholder="Introduzca apellidos" value="" required />
        <br /><br />
        <label for="txtEmail">Email: </label>
        <input id="txtEmail" type="email" placeholder="Introduzca email" value="" required />
        <br /><br />
        <label for="txtcontrasenia">Contraseña: </label>
        <input id="txtcontrasenia" type="password" placeholder="Introduzca constraseña" value="" required />
        <br /><br />
        <label for="txtEdad">Edad: </label>
        <input id="txtEdad" type="number" value="" min="1" max="100" />
        <br /><br />
        <label for="txtIdioma">Idioma: </label>
        <select id="txtIdioma" placeholder="Seleccione idioma">
            <option>Español</option>
            <option>Inglés</option>
            <option>Francés</option>
            <option>Alemán</option>
        </select>
        <br /><br />
        <label>Color 1: </label>
        <input id="chkRojo" type="checkbox" /><label for="chkRojo">Rojo</label>
        <input id="chkVerde" type="checkbox" /><label for="chkVerde">Verde</label>
        <input id="chkAzul" type="checkbox" /><label for="chkAzul">Azul</label>
        <input id="chkAmarillo" type="checkbox" /><label for="chkAmarillo">Amarillo</label>
        <br /><br />
        <label>Color 2: </label>
        <input id="rbBlanco" type="radio" /><label for="rbBlanco">Blanco</label>
        <input id="rbNaranja" type="radio" /><label for="rbNaranja">Naranja</label>
        <input id="rbVioleta" type="radio" /><label for="rbVioleta">Violeta</label>
        <input id="rbNegro" type="radio" /><label for="rbNegro">Negro</label>

        <br /><br />
        <input type="submit" value="Enviar" />
    </form>
</body>
</html>

Deja un comentario