Elementos

Formulario

Construir tu formulario es muy sencillo.

Te recomendamos hacerlo en una sección organizada con .columnacentrada, y que le añadas la clase movilnopadding para que se visualice a la perfección en movil. Además de esto tendrás que dar la clase .formulario a tu form.

Creando formularios

Para que no tengas que partir de cero te hemos creado un formulario para que customices lo que te haga falta.


<div class="columnacentrada fondo_cacahuete movilnopadding">
    <div class="formulario">
        <h3>¿Quieres recibir nuestra eNewsletter?</h3>
        <label for="nombre"><input type="text" placeholder="Nombre y Apellidos" id="nombre"></label>
        <label for="email"><input type="text" placeholder="Email" id="email"></label>
        <label for="telefono"><input type="text" placeholder="Teléfono" ide="telefono"></label>
        <label for="texto"><textarea name="texto" id="texto" placeholder="Mensaje" rows="6"></textarea></label>
        <label for="lang">¿Como nos has conocido?</label>
        <select name="lenguajes" id="lang">
            <option value="amigos">Amigos</option>
            <option value="redes">Redes</option>
            <option value="google">Google</option>
        </select>
        <label for="ok"> <input type="checkbox" id="ok" name="ok"> He leído las políticas de privacidad.</label>
        <div class="acciones">
            <input class="botonverde" type="submit" value="Enviar" aria-label="Enviar">
            <input class="botonamarillo-secundario" type="reset" value="Borrar" aria-label="Borrar">
        </div>

    </div>
</div>

Así se ve el código de ejemplo

¿Quieres recibir nuestra eNewsletter?