CINAR SISTEMAS

PROFESOR: JOSE GABRIEL HERRERA DELGADO

ASIGNATURA: PHP

FORMULARIOS

Un formulario es una plantilla la cual se emplea para recolectar informacin la

cual posteriormente deber ser almacenada y procesada en una base de
datos. Los formularios son otra forma de permitir la interaccin entre el usuario
y la pgina web. Los formularios no elementos del lenguaje php, pero la
informacin que ellos suministran si es procesada por el lenguaje php, de all la
necesidad que se tiene de conocerlos, estudiarlos y manejarlos.

Para definir un formulario se emplea la etiqueta <form> (formulario) la cual

presenta el siguiente formato general:

<form name=nombre_formulario id=identifcador_formulario

method=mtodo action=nombre_archivo>

<fieldset>

<legend>Titulo del formulario</legend>

Controles de formulario

</fieldset>

Donde name (nombre): es la propiedad que se emplea para asignar el nombre

al formulario y nombre_formulario es el valor que se asigna a esta propiedad.

id (identification=identificacin): es la propiedad que se emplea para asignar el

identificador del formulario, es importante definirla cuando se va trabajar con
el lenguaje javascript y/o css, e identifcador_formulario es el valor que se
asigna a esta propiedad.

Method (mtodo): indica el mtodo o la forma como se van a enviar los datos a
travs del formulario y mtodo es el valor que toma esta propiedad que puede
ser: get o post. Get cuando la informacin que se enva a travs del formulario
se enva y es visible a travs de la direccin o url en el navegador y post
cuando la informacin que se enva a travs del formulario no se enva y no es
visible a travs de la direccin o url en el navegador, sino formando parte del
cuerpo de la peticin.

action (accin): esta propiedad se emplea para indicar el nombre del archivo el
cual recibe la informacin del formulario y nombre_archivo el nombre del
archivo de scripts que recibe y procesa la informacin del formulario. Dicho
archivo pueden ser un archivo de scripts tipo: php, jsp, asp, aspx, etc., para
nuestro caso ser de tipo php.

<fieldset> (Conjunto de campos) : Es una etiqueta la cual se emplea para

agrupar los campos de un formulario. Es opcional

<legend> (leyenda): Es una etiqueta la cual se emplea para colocar un ttulo al

formulario, tambin es opcional.

Primero que todo creamos nuestra pgina web as:

En seguida vamos a crear un formulario de ingreso de estudiantes con las

propiedades mencionadas anteriormente aqu el nombre del formulario es
frmIngreso, su id tambin frmIngreso, el mtodo de envo es post, no mostrara
la informacin a travs de la direccin o url y el script que recibe la informacin
es procesar.php

Ahora observemos que sucede cuando la pgina es cargada en el navegador.

Como podemos observar la propiedad legend nos permite visualizar el ttulo
del Formulario (Formulario de ingreso).

Hasta el momento lo que hemos hecho es crear el formulario.

CONTROLES DE FORMULARIO

Son los objetos que nos permiten interactuar con el formulario y que nos
permiten recolectar la informacin. Existen diferentes controles, nosotros
vamos a estudiar los ms utilizados.

Control: <label> (Etiqueta): Este control se emplea para definir etiquetas que
acompaarn a los diferentes controles.

El presenta el siguiente formato: <label>Texto</label> donde Texto es el texto

que acompaa a la etiqueta.

Ejemplo:

Observemos el resultado en el navegador

Controles de Entrada de formulario: son aquellos que nos permiten ingresar los
diferentes datos a travs del formulario. Para ello se emplea la etiqueta
<input> la cual dependiendo del tipo de entrada se define de diferentes tipos.

<input type=text>: Se emplea para definir entradas de texto en una sola

lnea y el cual es posible digitar cualquier cadena de caracteres, ya est
formada por caracteres numricos o alfa numricos (letras, dgitos y/o
smbolos)

Ejemplo:

Esta es una entrada de tipo texto que tiene por nombre txtDocide, nombre a
travs del cual se pasa la informacin enviada al script o archivo que recibe la
informacin del formulario.

Observemos el resultado en el navegador

Aprovechando esta etiqueta definimos la entradas para los apellidos y nombres

en el formulario as:

Observemos el resultado en el navegador

<input type=date>: Se emplea para definir entradas de tipo fecha, este

tipo an no es soportado por todos los navegadores. Las entradas para este
control deben estar en un formato de fecha vlido: dd/mm/aaaa(da-mes-ao o)
o aaaa/mm/dd (ao-mes da).
Ejemplo:

Ahora observemos el resultado en el navegador: primero en Firefox y luego en

opera

En Firefox:

Aqu observamos que la entrada es como una entrada de tipo texto donde
podemos digitar cualquier cadena de caracteres.

Ahora en pera:

Aparece un cuadro de lista desplegable donde es posible digitar o seleccionar

cualquier fecha.

<input type=number>: Se emplea para definir entradas de tipo fecha. Las

entradas para este control se deben introducir valores numricos, tambin a
travs de l es posible seleccionar los valores deseados.

Ejemplo:

Ahora observemos el resultado en el navegador:

<input type=radio>: Se emplea para definir entradas tipo radio botn
donde el usuario nicamente puede seleccionar un solo dentro de un grupo.
Cuando este tipo de entradas conforman un grupo de opciones cada una de
ellas deber tener el mismo nombre.

Ejemplo:

Evidentemente observemos que la propiedad name(nombre) posee el mismo

valor (optGenero), la propiedad id es diferente y la propiedad value indicar el
valor que va a enviar el control cuando sea seleccionado en el primer caso
enviara una m y el segundo una f.

Observemos el resultado en el navegador:

Como podemos observar, el usuario nicamente puede seleccionar Masculino o

Femenino.

<input type=checkbox>: Se emplea para definir entradas tipo casillas de

verificacin o de activacin donde el usuario nicamente puede seleccionar
una o ms de una dentro de un grupo. Cuando este tipo de entradas conforman
un grupo de opciones cada una de ellas deber tener diferente nombre y
diferente valor.

Ejemplo:

Observemos el resultado en el navegador:

Como podemos observar, el usuario nicamente puede seleccionar ms de una

casilla de verificacin, en este caso ha seleccionado tres que corresponden a
los estudios: primarios, secundarios y tcnicos.

Control: <select> (seleccionar): Este control se emplea para seleccionar un

elemento de una lista desplegable. Esta etiqueta tiene el siguiente formato
general:

<select name=nombre id=identificador>

<option value=valor1>Opcin 1</option>

<option value=valor2>Opcin 2</option>

<option value=valorn>Opcin n</option>

</select>
Donde la propiedad name se emplea para asignar el nombre del cuadro de
lista, id su identificador

<option>: esta etiqueta permite definir el valor el cual es enviado cuando un

elemento es seleccionado y el texto que se mostrara por cada opcin cuando
el usuario haga clic sobre el objeto.

Value: es la propiedad que devuelve el valor por cada opcin cuando el usuario
la seleccionar

valor1, valor2, , valorn: los valores que corresponden a cada una de las
diferentes opciones cuando el usuario selecciona una de ellas.

Opcin 1, Opcin 2, , Opcin n: son los textos que se muestran por cada una
de las opciones cuando el usuario haga clic sobre el objeto.

Ejemplo:

En este control el usuario podr elegir uno de los programas tcnicos listados,
por ejemplo si el selecciona el Programa de Asistencia Administrativa el
formulario enviara como valor la letra a que es el valor asociado a esta
opcin.

Observemos el resultado en el navegador:

Control: <textarea> (rea de texto): Este control se emplea para definir
entradas de tipo texto , pero a diferencia del tipo text que permite introducir
texto una sola lnea, el control text rea permite definir texto en varias lneas.

El presenta el siguiente formato:

<textarea name=nombre id=identificador cols=columnas

rows=filas></textarea>

Donde cols es la propiedad la cual define el mximo nmero de columnas o

caracteres por lnea y rows el nmero mximo de lneas de texto que se
visualizan en pantalla. Estos valores hacen referencia a la visualizacin, en
ningn momento limitan la cantidad de texto que se puede introducir a travs
del control.

Ejemplo:

En este caso hemos definido el control arObservaciones el cual mostrar un

espacio de 20 caracteres por lnea y 5 lneas o filas visibles en el navegador.

Observemos el resultado en el navegador:

<input type=submit>: Este tipo de entrada se emplea para definir un
botn de envo, que es un control en el cual permitir enviar la informacin del
formulario cuando se haga clic sobre l. El presenta el siguiente formato
general

<input type=submit name=nombre id=identificador value=valor />

Donde value (Valor): es la propiedad la cual indica el texto que aparecer en el

navegador y el valor que l enva cuando es presionado.

Ejemplo:

Observemos el resultado en el navegador:

<input type=reset>: Este tipo de entrada se emplea para definir un botn
de restablecer, que es un control en el cual permitir restaurar la informacin
del formulario cuando se haga clic sobre l. Cabe aclarar que si el formulario
est vaco cuando se carga la pgina , usted lo llena y luego hace clic sobre
este botn, la informacin del formulario se borrar; pero si cuando usted carga
la pgina del formulario y en el momento de carga el contiene informacin,
luego la modifica y finalmente hace clic sobre este botn entonces la
informacin no es borrada sino restaurada al estado original cuando la pgina
del formulario se carg en el navegador.

El presenta el siguiente formato general

<Input type=reset name=nombre id=identificador value=valor />

Donde value (Valor): es la propiedad la cual indica el texto que aparecer en el

navegador y el valor que l enva cuando es presionado.

Ejemplo:

Observemos el resultado en el navegador:

Ahora que ya hemos terminado la recoleccin de la informacin a travs de un
formulario, realicemos el script php el cual nos permitir recibir la informacin
recolectada a travs del formulario, visualizarla y realizar algn sencillo
proceso con ella.

Primero que todo creamos nuestro script php llamado procesar.php as:

Ahora a manera de prueba visualicemos el arreglo $_POST que contiene la

informacin que se ha recolectado a travs del formulario y que es enviada
cuando se hace clic en el botn Enviar del formulario.

Observemos los resultados en el navegador

Como podemos observar en el arreglo $_POST se almacena toda la informacin
que se recolecto a travs del formulario, y este arreglo es un arreglo asociativo
unidimensional.

Ahora almacenamos en diferentes variables cada uno de los elementos del

arreglo as:

Ahora mostremos los contenidos de las variables que hemos definido as:

Observemos los resultados en el navegador:

Ahora observemos que no se visualizan correctamente los acentos para ellos
es necesario incorporar las etiquetas html que permiten visualizar
correctamente estos acentos como es:

<meta charset=utf-8> en el encabezado de la pgina web asi:

Y volvamos a observar el resultado en el navegador:

Ahora realicemos unos pequeos procesos a travs del cdigo php con la
informacin recolectada como por ejemplo: primero ocultar la visualizacin del
arreglo $_POST , calcular y mostrar la edad en meses, en gnero mostrar la
palabra masculino o femenino, en los estudios las correspondientes palabras
de Primarios, Secundarios, Tcnicos y Universitarios y en programa el nombre
del programa completo as:

Calculamos la edad en meses y la asignamos a la variable $vrEdm

Procesamos la variable $vrGenero para obtener la variable $Genero con

Masculino o Femenino
Visualizamos la informacin que corresponde a documento de identidad,
apellidos,nombres, Edad, edad en meses, Gnero .

Luego procesamos el valor de las variables de Estudios para visualizar los que
corresponden a los seleccionados por el usuario.

De igual manera para el programa tcnico seleccionado por el usuario a travs

del cuadro de lista desplegable:

Finalmente visualizamos el contenido de la variable $vrObservaciones que

representa las observaciones digitadas por el usuario.
Ahora si observemos el resultado final en el navegador:

ACTIVIDAD:

Realizar paso a paso los scripts desarrollados a travs de la gua y comprobar

su ejecucin.