En este capítulo vamos a crear un formulario de contacto completo, como los que nos podemos encontrar en cualquier página web. Vamos a utilizar un servicio gratuito denominado Form Submit, el cual nos permite enviar formularios creando una cuenta con ellos. La URL de Form Submit es https://formsubmit.co/
Ejm
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Formulario de Contacto</title>
</head>
<body>
<h1>Formulario de Contacto</h1>
<form action="https://formsubmit.co/info@sutilweb.eu" method="post">
<input
type="text"
name="nombre"
placeholder="Escribe tu nombre"
pattern="^[A-Za-zÑñÁáÉéÍíÓóÚúÜü\s]+$"
title="Nombre sólo acepta letras y espacioes en blanco"
required
/>
<br />
<input
type="email"
name="correo"
placeholder="Escribe tu correo"
pattern="^(\w+[/./-]?){1,}@[a-z]+[/.]\w{2,}$"
title="Formato de correo inválido"
required
/>
<br />
<textarea name="comentarios" cols="30" rows="10" required></textarea>
<br />
<input type="submit" value="Enviar" />
</form>
</body>
</html>