Mi formulario no funciona. El botón submit no hace nada por lo tanto, tampoco activa ningún aviso de required 😦 <code>&lt;!DOCTYPE html&g...

Andrés Fernández

Andrés Fernández

Pregunta
studenthace 5 años

Mi formulario no funciona. El botón submit no hace nada por lo tanto, tampoco activa ningún aviso de required 😦

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Formulario-2</title> </head> <body> <main> <form action=""> <label for="nombre"> <span>¿Cuál es tu nombre?</span> <input type="text" name="nombre" id="nombre" autocomplete="name" required /> </label> <label for="correo"> <span>¿Cuál es tu correo?</span> <input type="email" name="correo" id="correo" autocomplete="email" required /> </label> <label for="pais"> <span>¿En que país vives?</span> <input type="text" name="pais" id="pais" autocomplete="country" required /> </label> <label for="cp"> <span>¿Cuál es tu código postal?</span> <input type="text" name="cp" id="cp" autocomplete="postal-code" required /> </label> </form> <input type="submit" /> </main> </body> </html>```
4 respuestas
para escribir tu comentario
    Francisco Javier Solis Vera

    Francisco Javier Solis Vera

    studenthace 2 años
    <button>type="submit" class="enviar">Enviar Formulario</button> </form>
    Luis Leiva

    Luis Leiva

    studenthace 5 años

    Tambien debes separas el input de type asi <input type="submit" /> Si lo dejo pegado a mi no me funciona

    Andrés Fernández

    Andrés Fernández

    studenthace 5 años

    Ahí está...! 😅 Muchas gracias.

    John Cardenas

    John Cardenas

    studenthace 5 años

    Hola @anferben,

    El botón está fuera de la etiqueta form

    </form> <input type="submit" />

    Debe ir dentro

    <input type="submit" /> </form>

    De resto, todo está muy bien. Con ese cambio ya te debería funcionar.

Curso de HTML y CSS [Empieza Gratis]

Curso de HTML y CSS [Empieza Gratis]

Crea vistas web fluidas y eficientes con HTML, CSS y Flexbox. Aprende a estructurar layouts adaptables, desde mobile a desktop, optimizando imágenes y aplicando buenas prácticas semánticas y de accesibilidad.

Curso de HTML y CSS [Empieza Gratis]
Curso de HTML y CSS [Empieza Gratis]

Curso de HTML y CSS [Empieza Gratis]

Crea vistas web fluidas y eficientes con HTML, CSS y Flexbox. Aprende a estructurar layouts adaptables, desde mobile a desktop, optimizando imágenes y aplicando buenas prácticas semánticas y de accesibilidad.