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" />

Entradas populares de este blog

Java. Texto de colores en la consola

JSP. 8 Ejemplo recojer datos

JSP. 26 Ejemplo MVC simple