8. FORMULARIOS

Los formularios son una herramienta muy útil que permite realizar muchas cosas, como por ejemplo autentificar usuarios, mandar correos, crear nuevas páginas, etc. Lamentablemente los formularios son realmente útiles usando CGI, PHP, ASP, etc. Lo que haré es ocupar algunos formularios sin necesidad de utilizar otros lenguajes de programación, aunque esto limite mucho...

8.1 Mandar un E-Mail

Este formulario hará que el navegador mande un mail a un correo determinado. El código es el siguiente:

<form action="mailto:[email protected]" method="post">
Mandame tus comentarios (recuerda poner tu email):<br>
<textarea rows="5" cols="40" wrap="virtual"></textarea><br>
<input type="submit" value="Enviar">
<input type="reset" value="Borrar">
</form>

Debes cambiar "[email protected]" por el correo donde quieras que se mande el mail. Se vería como:

Mandame tus comentarios (recuerda poner tu email):

8.2 Enlaces

Puedes hacer que los botones de los formularios ejecuten un enlace. Es una forma más elegante de hacer un link.

Enlaces:
<form method="get" action="https://www.mundopaul.com">
<input type="submit" value="MundoPaul.CoM">
</form>
<form method="get" action="https://www.mpmx.info">
<input type="submit" value="Aprende HTML">
</form>

Se vería como:

Enlaces:

Debes tener cuidado en poner un <form> para cada enlace que pongas. En general en el action pones la dirección o archivo a donde va el link y en value pones lo que quieras que diga el botón.

8.3 Menú de links

Se puede utilizar un formulario como "lanzador" de links, es decir, por medio de una lista desplegable permitir al usuario elegir un link y acceder a él. Para ello se utiliza el parametro de JavaScript OnClick.

<form>
<select name="lista">
<option value="https://www.mundopaul.com" selected>MundoPaul.CoM</option>
<option value="https://www.mundojuegos.info">MundoJuegos.INFO</option>
<option value="https://www.starhost.com.mx">STAR HOST</option>
<option value="https://elshava.com">ElShava</option>
<option value="https://www.mpmx.info">Aprende HTML</option>
</select>
<input type="button" value="Ir a..."
onClick="top.location.href=this.form.lista.options[this.form.lista.selectedIndex].value">
</form>

Este sería el efecto producido: