Soluciones Web y Aplicaciones Distribuidas

___________________________________________________________________________

SOLUCIONES WEB Y APLICACIONES

DISTRIBUIDAS
(JAVA)

Tema 2: Formularios

Mg. Fernando Alex Sierra Lian

1
Soluciones Web y Aplicaciones Distribuidas

Tema 2: Creacin de formularios web con HTML

Definicin de Formularios
Es una forma de comunicacin entre las pginas y el servidor

Los formularios son una de las herramientas de que disponemos a la hora de hacer
nuestras pginas web interactivas, en el sentido de que nos permiten recopilar
informacin de la persona que ve la pgina, procesarla y responder a ella, pudiendo
de esta forma responder adecuadamente a sus acciones o peticiones.

<form action = registro.html method = post name = frmRegistro >

... Elementos del Formulario...
</form>

* action = "ruta_programa". Indica el programa del servidor que va a "tratar" las

variables que se enven con el formulario o el envo de los datos mediante correo
electrnico mediante el valor "mailto: direccion_de_correo", en cuyo caso
deberemos aadir el parmetro ENCTYPE="text/plain" para que lo que recibamos
resulte legible. Tambin puede ser una URL usando el mtodo GET (por ejemplo,
un botn para ir a otra pgina).

En el caso de que definamos aqu un programa para el tratamiento de datos

deberemos especificar su ruta relativa respecto al directorio de carpetas del servidor
en dnde tengamos situado nuestra aplicacin web o bien una URL completa, si el
programa est en otra direccin de Internet.

* method = " POST / GET " . Indica el mtodo segn el que se van a transferir las
variables del formulario. POST enva los datos, normalmente al programa CGI
definido en action o por correo si en action hemos utilizado mailto. El mtodo GET
aade los argumentos del formulario al URL recogido en action (utilizando como
separador de las variables la "?"). El mtodo de uso ms normal es POST, y en el
caso de que estemos mandando el formulario a nuestra direccin de correo
electrnico es obligado usarlo.

Con GET los datos son encadenados al URL especificado en action , utilizando el
tipo de codificacin especificado en el atributo enctype. Este mtodo se utiliza
cuando los datos no modifican la base de datos, por ejemplo, al realizar una
bsqueda, y los caracteres a enviar tienen que pertenecer obligariamente al
conjunto ASCII.

Con el mtodo POST se realiza una transaccin mediante el protocolo HTTP,

utilizando la codificacin enctype. Se utiliza para aplicaciones que modifican la base
de datos de destino.

2
Soluciones Web y Aplicaciones Distribuidas

Ejemplo 1:

Elementos del Formulario:

Campo de Texto
<input type=text name=identificador size=30 maxlength=30
value=Contenido >

Ejemplo 1:

Area de Texto
Define una caja donde se puede escribir un texto de multiples lineas, atributos:

<textarea name=identificador rows=3 cols=40 >

Valor del TextArea
</textarea>

3
Soluciones Web y Aplicaciones Distribuidas

Ejemplo 1:

Opcin mltiple
Para el uso de opciones mltiples tenemos:

<input type=checkbox name=identificador checked >

Ejemplo 1:

Opcin nica
Para el uso de opciones discriminantes tenemos:
Sexo: <br>
Femenino : <input type=radio name=identificador value=F>
Masculino : <input type=radio name=identificador value=M checked>
Ejemplo 1:

4
Soluciones Web y Aplicaciones Distribuidas

Combos
Para seleccin simple, mostradas en una lista (Combos):
<select name=identificador size=20 multiple >
<option value=1 selected>valor1 </option>
<option value=2 >valor2</option>
<option value=3 >valor3</option>
</select>
Ejemplo 1:

Botones
Sirven para disparar un evento, el cual puede producir el envio de la informacin
o la realizacin de un proceso

<input type=submit name=nom del boton value=valor Boton1>

<input type=reset name=nom del boton value=valor Boton2>
<input type=button name=nom del boton value=valor Boton3>

Ejemplo 1:

5
Soluciones Web y Aplicaciones Distribuidas

Otros Controles
Existe otros controles para Ocultar Variables, Mostrar asteriscos o Mostrar el
explorador de Archivos los cuales son respectivamente:

<input type=hidden name= value=>

<input type=password name= value=>
<input type=file name= value=>

Ejercicios de Formularios

1.- Realizar una pagina Html que me permita implementar un formulario que posea un
botn que me permita ir a otra pgina.

Solucin:

2.- Realizar una pagina Html que implemente un combox que cargue tres paises de
Sudamerica

6
Soluciones Web y Aplicaciones Distribuidas

Solucin:

3.- Realizar una pagina Html que implemente un Lista articulos para oficina

Solucin:

4.- Realizar una pagina html que me permita implementar un area de texto .

7
Soluciones Web y Aplicaciones Distribuidas

Solucin: