formulario1.html

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <meta charset="UTF-8">
  4. <title>Formulario 1</title>
  5. body {
  6. background-color: beige;
  7. }
  8. #form1 section {
  9. display: grid;
  10. grid-template-columns: 10em 1fr;
  11. grid-gap: 8px 0;
  12. }
  13. #form1 button {
  14. display: block;
  15. margin-top: 1em;
  16. padding: 0.5em 2em;
  17. }
  18. </style>
  19. function enviar() {
  20. const pregunta = '¿Deseas enviar sus datos?';
  21. const respuesta = confirm(pregunta);
  22. if (respuesta == false) {
  23. return false;
  24. } else {
  25. return true;
  26. }
  27. }
  28. </script>
  29. </head>
  30. <h1>Formulario 1</h1>
  31. <form id="form1"
  32. method="POST"
  33. action="enviado.html"
  34. onsubmit="return enviar()">
  35.  
  36. <label for="nombre">Nombre:</label>
  37. <input type="text" name="nombre" id="nombre">
  38.  
  39. <label for="telefono">Teléfono</label>
  40. <input type="text" name="telefono" id="telefono">
  41.  
  42. <label for="correo">Correo:</label>
  43. <input type="email" name="correo" id="correo">
  44.  
  45. <label for="observaciones">Observaciones:</label>
  46. <textarea name="observaciones" id="observaciones"></textarea>
  47.  
  48. <input type="checkbox" name="condiciones" id="condiciones">
  49. Aceptar condiciones
  50. </label>
  51.  
  52. <button>Enviar</button>
  53. </form>
  54. </body>
  55. </html>

Proinf.net