JSP. 6 Componentes HTML básicos

Si desea capturar datos del cliente y enviarlos al servidor, el método más empleado es el uso de formularios. HTML proporciona una serie de controles de formulario para presentar al usuario.

form

Los formularios se declaran con el tag <form></form>, algunos de sus atributos son:

Atributo	Descripción
action	Se utiliza para especificar la página a la que se debe dirigir el formulario cuando se envíe.
id	Identificador del formulario.
name	Nombre del formulario.
method	La forma en que se enviará el formulario. El valor por defecto es GET. Cuando se envían los datos por formulario estos se agrupan en pares nombre/valor, el nombre es el atributo name del formulario y el valor es el dato que se guardará en ese campo. GET: los datos se transmiten al servidor al final de la URL, después de el símbolo ?. Ejemplo: procesar.jsp?usuario=juan&genero=masculino POST: es una forma más privada de pasar datos al servidor.
target	Se usa para identificar si abrir en la misma ventana o en una nueva. _blank: una nueva ventana. _parent: donde estamos trabajando. _self: sobrescribe la página actual, es el método por defecto. _top: ocupará toda la ventana del navegador.

Ejemplo form:

<form name="form1" action="declaraciones.jsp" method="POST">
...
</form>

 

input

Se utiliza para crear cuadros de texto, botones y casillas de verificación. Algunos de  sus atributos son:

Atributo	Descripción
type	Define el tipo de control.
name	Nombre del control.
maxlength	Define el número máximo de caracteres que pueden ser introducidos, si el atributo type es TEXT o PASSWORD.
size	Anchura del cuadro de texto.
checked	Si está presente, el botón de activación o la casilla de verificación se activa por defecto, solo si el atributo type es radio o checkbox.
value	Valor del control.

Atributo type:

Valor del atributo	Descripción
TEXT	Campos de texto.
PASSWORD	Campos de texto para contraseña.
HIDDEN	Control oculto, almacenan información que no se muestra al usuario.
CHECKBOX	Casillas de verificación.
RADIO	Botones de activación.
RESET	Restableces los contenidos del formulario.
SUBMIT	Botón para enviar el formulario.
IMAGE	Imagen.
BUTTON	Un botón de control que puede vincularse a un script.
FILE	Seleccionar archivos del sistema local para cargarlos en el servidor.

Ejemplo:

<input type="text" name="txt1" maxlength="10" size="15" />

 

select

Se utiliza para representar cuadros de lista desplegables y cuadros de lista multiselección. <select> define la lista desplegable y <option> cada opción dentro de la lista.

 <select name="select1" multiple>
    <option value="1">Opción 1</option>
    <option value="2">Opción 2</option>
    <option value="3" selected>Opción 3</option>
</select>

Atributos más comunes de select:

Atributo	Descripción
name	Nombre del componente.
size	Número de componentes que muestra la lista al seleccionarla.
multiple	Si aparece este atributo se pueden seleccionar varias opciones a la vez.
value	Valor que tomará el control al seleccionarse la opción.
selected	Este atributo se coloca en la etiqueta <option> e indica si la opción está seleccionada.

textarea

Presenta un cuadro de texto con varias lineas.

Atributos más comunes de textarea:

Atributo	Descripción
name	Nombre del componente.
rows	Define el número de filas.
cols	Define el número de columnas.

Ejemplo:

<textarea name="textarea1" rows="4" cols="20">
Linea de texto
otra linea de texto</textarea>

 

radio

Presenta un conjunto de opciones donde solo una puede seleccionarse.

Ejemplo:

Si <input type="radio" name="radio1" value="Si" />
No <input type="radio" name="radio1" value="No" />

 

checkbox

Presenta una o un conjunto de opciones donde puede seleccionarse ninguna, una o varias opciones.

Ejemplo:

Rojo:  <input type="checkbox" name="ck1" value="rojo" />
Verde: <input type="checkbox" name="ck1" value="verde" />
Azul:  <input type="checkbox" name="ck1" checked value="azul" />