8. Los formularios y los elementos del formulario en HTML

Los formularios son elementos en el cual, los usuarios en internet, interaccionan mediante la peticion de datos y mediante los botones de formulario o comando se mostrara informacion. Tambien, los formularios enviaran informacion al Servidor (que este sera nuestro caso en Java), en el cual el servidor dara una respuesta al usuario.

Cuando un Webmaster o desarrollador de paginas web, programa una pagina web en la que contenga un formulario en el que, por ejemplo, envie correos electronicos, el formulario hara una peticion al servidor y el servidor recogera los datos incluidos desde ese formulario.

Los formularios, en nuestro caso, van a ser un tema bastante importante.

 

La estructura de un formulario es la siguiente:

 

<form action="Aqui va la accion o programa a ejecutar" method="post/get">

 

</form>

 

"action" nos indica la accion que debe efectuar o el programa que se ejecutara en cuando pulsemos el boton de enviar, un boton el que esta asumido por la orden "submit".

Con el metodo "method" en el cual tenemos dos posibilidades como POST o GET, segun en que metodo este, los datos los enviara de una forma u otra.

Por ver la diferencia, cuando  entramos, por ejemplo, en la cuenta de correo, vemos que en la barra de direcciones hay una cadena muy larga de caracteres. Sin embargo, si entramos en algunas paginas de los bancos, lo unico que muestra es el sitio del banco simplemente.

 

LOS ELEMENTOS DEL FORMULARIO

Caja de texto

Es como en Java, un elemento donde el usuario podra introducir datos, por ejemplo:

 

Escirba su nombre <input type="text" name="cajatexto1">

 

Aparecera una caja para introducir datos, tanto texto como numeros. Es imprescindible que les pongamos nombres a las cajas de texto que los identifique.

 

Caja de texto tipo password

Es exactamente lo mismo que la caja de texto normal, pero lo que escribas dentro, a vista de usuario, solo se vera unos simbolos de asterisco.

 

Escriba su contraseña <input type="password" name="cajapassword1">

 

Area de texto

Es como la caja de texto normal, pero con multiples lineas.

 

Redacte lo que sea <textarea name="areatexto1">

 

Boton

Por ultimo, aunque existan muchos mas elementos, nosotros no necesitaremos mas para este mini-curso, son los botones de envio y reseteo.

Al pulsar este boton, por medio de "submit", nos redirigira al "action" del formulario.

 

<input type="submit" value="Enviar">

 

Y con "value" le asignamos un nombre visual al boton.

Y con este boton, reseteara todos los campos del formulario.

 

<input type="reset" value="Borrar">

 

Por tanto, para que lo veas mas claro, voy a crear un formulario en HTML:

 

<html>

    <head>

        <title>Formulario</title>

    </head>

    <body>

        <form action="Servidor" method="post">

            <table align="center">

                <tr>

                    <td>Nombre usuario</td>

                    <td><input type="text" name="cmpusuario"></td>

                </tr>

                <tr>

                    <td>Contraseña</td>

                    <td><input type="password" name="cmpclave"></td>

                </tr>

                <tr>

                    <td colspan="2" align="center"><input type="submit" value="Enviar"></td>

                </tr>

            </table>

        </form>

    </body>

</html>

 

Fijate que todos los elementos estan dentro del formulario. 

Cuando se pulse el boton "Enviar", automaticamente el formulario hara la accion de enviarnos u una clase de Java llamada Servidor.