• Author / Uploaded
• Genny Solano

Citation preview

UNIDADES TECNOLOGICAS DE SANTANDER TECNOLOGIA EN DESARROLLO DE SISTEMAS INFORMATICOS PROGRAMACION CON JAVA

JavaServer Pages Standard Tag Library (JSTL) (Condicionales). Creamos un nuevo proyecto de aplicación web con nombre EjercicioconJSTL03, eliminamos el archivo index.html y creamos el archivo index.jsp. En la figura se muestra la pantalla de entrada de datos.

El objetivo del programa es grabar un formulario con diferentes tipos de datos, el formulario está dividido en dos secciones, se separan por medio de fieldset y legend. Además de las secciones mencionadas, existe una adicional que llamaremos “encabezado”, en las siguientes líneas se explica el uso y el tipo de dato a grabar en la página. Encabezado Dos columnas con una fila don incluimos el gráfico de nuestro program y los títulos de la página. Información Personal. o Nombre (Tipo texto) o Apellidos (Tipo texto)

UNIDADES TECNOLOGICAS DE SANTANDER TECNOLOGIA EN DESARROLLO DE SISTEMAS INFORMATICOS PROGRAMACION CON JAVA

o Fecha de Nacimiento (Tipo date y obligatorio) o Sexo (Tipo radio) o Dirección (Tipo textarea) o Hermanos (Tipo number) o Correo (Tipo email) Preferencias. o Lenguaje Preferido (Tipo select) o Gusto Laboral (Tipo radio) El contenido del index.jsp es el siguiente:

UNIDADES TECNOLOGICAS DE SANTANDER TECNOLOGIA EN DESARROLLO DE SISTEMAS INFORMATICOS PROGRAMACION CON JAVA

OTROS TIPOS DE DATOS EN HTML 1. Se utiliza para campos de entrada que deben contener un valor numérico. Se puede establecer restricciones en el número. En función de soporte de los navegadores, las restricciones pueden aplicarse al campo de entrada. Ejemplo:

Cantidad (entre 1 y 5):

UNIDADES TECNOLOGICAS DE SANTANDER TECNOLOGIA EN DESARROLLO DE SISTEMAS INFORMATICOS PROGRAMACION CON JAVA

2. Input Type: date El es usado para entrada de datos que contienen fechas. En función de soporte de los navegadores, un selector de fecha puede aparecer en el campo de entrada. Ejemplo

Enter a date before 1980-01-01:
Enter a date after 2000-01-01:


3. Input Type: range El es usado cuando los campos tienen valores entre rangos. Dependiendo del browser puede mostrar el campo como tipo slider. Ejemplo

4. Input Type: month El el usuario puede escoger el mes y año.

UNIDADES TECNOLOGICAS DE SANTANDER TECNOLOGIA EN DESARROLLO DE SISTEMAS INFORMATICOS PROGRAMACION CON JAVA

Ejemplo

Birthday (month and year):

5. Input Type: week El seleccionar una semana y año. Ejemplo

Select a week:

6. Input Type: time El permite al usuario seleccionar el tiempo (sin zona horaria). Ejemplo

Select a time: 7. Input Type: datetime El permite al usuario seleccionar una fecha y hora (con la zona horaria) .

UNIDADES TECNOLOGICAS DE SANTANDER TECNOLOGIA EN DESARROLLO DE SISTEMAS INFORMATICOS PROGRAMACION CON JAVA

Ejemplo

Birthday (date and time): 8. Input Type: datetime-local El Input Type: datetime-local permite al usuario seleccionar una fecha y hora (sin zona horaria). Ejemplo

Birthday (date and time): 9. Input Type: email La se utiliza para campos de entrada que debe contener una dirección de correo electrónico. Dependiendo del soporte del navegador, la dirección de correo electrónico se puede validar de forma automática cuando se presente. Algunos teléfonos inteligentes reconocen el tipo de correo electrónico, y agrega " .com " al teclado para que coincida con la entrada de correo electrónico. Ejemplo

E-mail:

UNIDADES TECNOLOGICAS DE SANTANDER TECNOLOGIA EN DESARROLLO DE SISTEMAS INFORMATICOS PROGRAMACION CON JAVA

10.

Input Type: search

La entrada se utiliza para campos de búsqueda ( un campo de búsqueda se comporta como un campo de texto normal ). Ejemplo

Search Google: 11.

Input Type: tel

La entrada se utiliza para campos de entrada que deben contener un número de teléfono . El tipo de campo tel es compatible actualmente sólo en Safari 8 . Ejemplo

Telephone: