FORMULARIOS WEB

EN EL DESARROLLO DE APLICACIONES EL METODO PARA INGRESAR INFORMACION SON LOS FORMULARIOS

1 2 3 4 5 6 7 8

1. FORMULARIO: ESTA ETIQUETA SIRVE DE CONTENEDORAR PARA LOS DIFERENTES ELEMENTOS QUE SE TRABAJAN AL MOMENTO DE DISEÑAR FORMULARIOS.

Nota. Este elemento es el primero que se debe colocar en nuestra pagina para insertar los demás controles del grupo formulario.

(Cuando se inserta el formulario en la pagina en vista diseño se puede visualizar como un rectángulo punteado de color rojo.)

2. CAMPO DE TEXTO: ESTE ELEMENTO SE UTILIZA PARA INSERTAR CAPTURAR INFORMACION DURANTE LA EJECUCION DE LA PAGINA

3. CAMPO OCULTO: EL CONTROL CAMPO OCULTO PERMITE ALMACENAR INFORMACION PARA SU USO POSTERIOR. ESTE CAMPO AL MOMENTO DE EJECUCION NO SE VISUALIZA.

4. AREA DE TEXTO: ESTE ELEMENTO WEB PERMITE INTRODUCIR TEXTO EN MULTIPLES LINEAS.

5. CASILLA DE VERIFICACION: CONTROL QUE PERMITE SELECCIONAR VARIAS OPCIONES EN UN FORMULARIO.

6. BOTON DE OPCION: CONTROL QUE PERMITE SELECCIONAR UNA OPCION ENTRE VARIAS EN UN FORMULARIO WEB.

7. LISTA/MENU: CONTROL QUE PERMITE INGRESAR MULTIPLES OPCIONES DE ELECCION EN FORMA DE LISTA O MENU.

8. BOTON DE OPCION: ESTRE CONTROL PERMITE ENVIAR O REESTABLECER EL CONTENIDO DE UN FORMULARIO WEB.

EJEMPLO CREACION DE FORMULARIO WEB.

1. CREE UNA PAGINA NUEVA EN DW – NO OLVIDAR SELECCIONAR PHP

2. INSERTAR UN CONTROL DE FORMULARIO EN VISTA DE DISEÑO

3. INFORMACION DEL FORMULARIO WEB

Información

Tipo de control

Nombre

Cedula

Campo de texto

Txtcedula

Nombre

Campo de texto

TxtNombre

Email

Campo de texto

TxtEmail

Ciudad

Lista / Menu

CboCiudad

Sexo

Boton de opción

RbtSexo

4. ARMANDO LA ESTRUCTURA DEL FORMULARIO

a. INSERTAR UNA TABLA 7 FILAS POR 2 COLUMNAS

b. PARA COMENZAR A INSERTAR LA TABLA SE DEBE SELECCIONAR PRIMERO LA OPCION COMUN Y A CONTINUACION EL COMANDO TABLA

c. A CONTINUACION SE PUEDE VISUALIZAR LA VENTANA DE GENERACION DE TABLAS.

d. AL TERMINAR LA CONFIGURACION DE LA TABLA SE PRESIONA EL BOTON ACEPTAR

e. (Ventana de propiedades: en esta ventana se puede personalizar cada uno de los elementos que se encuentren en la pagina Web.)

f. PROPIEDADES DE LA TABLA: PARA PODER VER LAS PROPIEDADES DE LOS ELEMENTOS WEB PRIMERO SE DEBEN SELECCIONAR.

(Tamaño de la tabla. Por lo general la dimensión se da en pixeles) (Cantidad de filas y columnas de la tabla)

g. AHORA TENEMOS QUE INSERTAR EL TITULO A NUESTRO FORMULARIO PARA DICHA TAREA DEBEMOS COMBINAR LAS DOS PRIMERAS COLUMNAS DE LA PRIMER FILA.

COMO COMBINAR CELDAS EN DW.

1. SELECCIONAR LAS DOS COLUMNAS A COMBINA DANDO CLICK A LA PRIMERA Y CON EL CLICK SOSTENIDO SELECCIONAMOS LA SEGUNDA COLUMNA

(Al momento de seleccionar las dos columnas estas se resaltan por defecto.)

2. A CONTINUACION EN LA BARRA DE PROPIEDADES DEBEMOS SELECCIONAR EL COMANDO COMBINAR.

5. INSERTAR LOS COMPONENTES WEB PARA CADA CAMPO. PARA LLEVAR A CABO ESTA TAREA SE DEBE PRIMERO UBICAR EN LA CELDA EN LA QUE SE DESEA COLOCAR EL COMPONENTE A CONTINUACION SE SELECCIONA EN LA SECCION DE FORMULARIO LOS CORRESPONDIENTES CONTROLES WEB

6. COMO SIGUIENTE PASO DEBEMOS CAMBIAR EL NOMBRE A CADA UNO DE LOS COMPONENTES DEL FORMULARIO. SIGA LOS SIGUIENTES PASOS.

a. SELECCIONE EL COMPONENTE A MODIFICAR

b. EN LA VENTANA DE PROPIEDADES SELECCIONAR LA PROPIEDAD CAMPO DE TEXTO EN EL CASO DE LOS CONTROLES CAMPOS DE TEXTO

c. PARA LOS OTROS COMPONENTES EL METODO ES EL MISMO.

7. PARA EL ENVIO DE INFORMACION HACIENDO USO DE FORMULARIOS SE UTILIZAN DOS METODOS GET Y EL POST.

La diferencia entre estos dos métodos radica en la forma de enviar los datos a la página, mientras que el método GET envía los datos usando la URL, el método POST los envía por la entrada estándar STDIO.