You are on page 1of 17

Comunicacin

entre formularios
HTML
y paginas JSP

En esta seccin se har un


breve repaso a los formularios
HTML
Un formulario HTML tiene la forma :
< form action =destino method=metodo>
elementos de formulario
</form>
En destino especificaremos la pagina que recibe los datos del
formulario en el atributo method podemos indicar 2 valores
diferentes GET y POST.

GET

Cuando usamos GET, la informacin se codifica directamente


en la URL,con la forma:

http://url?param1=valor1&param2=valor2...&
paramN=valorN
Con GET no podemos manejar grandes cantidades de
informacin, y existe la desventaja de que el servidor o el
navegador guarden en cach la pgina llamada.

Hay que tener en cuenta que los logs del servidor y el


historial del navegador guardarn el acceso incluyendo los
parmetros, lo cual hace desaconsejable GET para el envo de
informacin privada.

Por otro lado, al visualizarse en la URL losparmetros,


facilita el desarrollo y depurado de la aplicacin web, y en
algunos casos, es imprescindiblepara realizar estadsticas
basadas en los logs del servidor.

POST
Con POST la informacin se enva directamente al servidor, no
se codifica en la URL, y ademspermite el envo de grandes
cantidades deinformacin, como podran ser archivos.

ELEMENTOS DE FORMULARIO

Se indican con las etiquetas HTML:

<input type="tipo" name="nombre" value="valor"/>


<textarea name="nombre"/>Contenidopordefecto
</textarea>
<select name="nombre">
<option value="valorOpcion">Texto opcion</option>
[...]
</select>

Para enviar los datos usamos el tiposubmit.

<inputtype="submit"/>

Campos de texto

Los tipos que se envan como texto simple son text y


password para <input>, y el elemento <textarea>.

Ejemplo:

<formaction="pagina.jsp">
<inputtype="text"name="parametro1
"value="valorpordefecto"/>
<br>
<inputtype="password"name="clave"/>
<br>

<textarea name="parametro2">Texto por defecto</textarea>


<br>
<inputtype="submit"/>
</form>

Y en el archivo pagina.jsp:

Valor de parametro1: <%=request.getParameter("parametro1") %>

<br>

Valor de parametro2: <%= request.getParameter("parametro2")


%>

<br>

Valor de parametro clave:<%= request.getParameter("clave") %>

Selectores ON/OFF . Checkbox

Se indica con el tipo checkbox.

<input type="checkbox" name="nombreCheckbox"/>

Si el checkbox est marcado, se enva un parmetro con el


nombre especificado con el valoron.
Si no est marcado, no se enva elparmetro. As que podemos
recibirlo en JSP de lasiguiente forma:

<%
String checkbox= request.getParameter("nombreCheckbox");
if(checkbox!=null&&checkbox.equalsIgnoreCase("on"))
{
%>
Checkbox seleccionado enel formularioorigen.
<%
}
else
{

%>

Checkbox NO seleccionado en el formulario origen.

%>

Parmetros ocultos. Tipo hidden

Se indican con el tipo hidden, los pares clave valor indicados se


enviaran siempre junto con el resto de informacin del
formulario. Se recibenen el JSP de la misma
forma que los
campos detexto.

Ejemplo:
<form action="pagina.jsp">
<input type="text" name="variable" value="por defecto"/>
<input type="hidden" name="fijo" value="valor fijo"/>
</form>

Botones radio

Son grupos de valores ON/OFF, slo puede haber uno


seleccionado dentro del grupo con el mismo nombre en el
atributo name. Slo se enva un parmetro para el botn
seleccionado, con el valorindicado en la etiqueta value. El
valor se recibe en el JSP de forma similar a los campos de
texto.
Ejemplo

<formaction="pagina.jsp">
Opcion1<inputtype="radio"name="radiovalue="uno"/>
<br>
Opcion2<inputtype="radio"name="radio"value="dos"/>
<br>
<inputtype="submit"/>
</form>

Selecciones. Etiquetas <select>


y <option>
Seusanparadesplegablesylistas.Seespecificaun
nombreparaelparmetroyseenvacomovalorel
contenidodelaetiqueta<option>.Siespecificamosel
atributovalueenlaetiquetaoption.Semostrarenel
desplegableeltextoenelcuerpodelaetiqueta,pero
seenviarelvalorespecificadoenelatributovalueen
casodeserlaopcinseleccionada.

Ejemplo:
<form action="pagina.jsp">
<select name="selectSimple">
<optionvalue="1">Uno</option>
<option>Dos</option>
<option>Tres</option>
<option>Cuatro</option>
</select>
<inputtype="submit"/>
</form>

Codificacin directa en el URL

En algunos casos resulta til enviar directamente


informacin a JSP, codificada enla URL.
Ejemplo:
<a href="noticias.jsp?param=nacional">Actualidad</a> <br>
<a href="noticias.jsp?param=deportes">Deportes</a> <br>
<a href="noticias.jsp?param=sociedad">Sociedad</a> <br>

Debemostenercuidadocuandoenviemoscaracteresespeciales,para
codificarcadenaspodemosusarlafuncinestticaString
java.net.URLEncoder.encode(Strings).

Ejemplo:

<%
Stringurl="armas.jsp?tipo=can;
StringurlCodificada=
"armas.jsp?tipo="+java.net.URLEncoder.encode("can");%>
Pulseunenlaceycompruebelosparmetrosenlabarradedirecciones.
<br>
<ahref="<%=url%>"/>URLsincodificar</a>
<br>
<ahref="<%=urlCodificada%>"/>URLcodificada</a>

Espero te halla servido , gracias


por tu atencin

Presentado por :
Paula Daniela
Rodriguez C.

You might also like