php-3 SI-C06092010

14abr
2012
PHP FORMULARIOS
PROFESOR: M.T.C. Gerardo Pavel Hernndez Jara

Sistemas de Informacin - Cuatrimestre Jun-Sep/2010 Elabor: M.T.C. Gerardo Pavel Hernndez Jara
Sistemas de Informacin - Cuatrimestre Ago-Oct/2010 Elabor: M.T.C. Gerardo Pavel Hernndez Jara
Barra de mens
Un vistazo rpido (DW)
Vistas en modo cdigo, diseo y ambas (dividir)
Barra de herramientas
Esta es la vista de diseo Configuracin de sitio
Barras de estatus y propiedades
Informacin sobre el sitio
Formularios (HTML)
Una de las mayores ventajas de la web es que resulta tremendamente interactiva. Los usuarios de una pgina no tienen ms que escribir al autor de la misma para comentarle cualquier cosa de la misma. Sin embargo, si deseamos que nos digan slo unas cosas concretas (responder a alguna pregunta, seleccionar entre varias opciones, etc..) deberemos utilizar formularios. Hagamos un ejemplo:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <meta http-equiv="Expires" content="Fri, Jan 01 1900 00:00:00 GMT"> <meta http-equiv="Pragma" content="no-cache"> <meta http-equiv="Cache-Control" content="no-cache"> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <meta http-equiv="content-language" content="en"> <meta name="author" content=""> <meta http-equiv="Reply-to" content="@.com"> <meta name="generator" content="PhpED 5.2"> <meta name="description" content=""> <meta name="keywords" content=""> <meta name="creation-date" content="09/20/2007"> <meta name="revisit-after" content="15 days"> <title>Untitled</title> <link rel="stylesheet" type="text/css" href="my.css"> </head> <body> <form action="Pro-1.php" method="post"> <h3>Teclea el valor de A</h3> <input type="text" name="a" /> <br> <h3>Teclea el valor de B</h3> <input type="text" name="b" /> <br> <input type="submit" value="Enviar"/> <input type="reset" name="cls" id="cls" value="Limpiar"> </form> <p> </p> <p> </p> </body> </html>
Formularios (HTML)
Veamos un poco de cdigo HTML oh NOO! Qu es esto?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title>Formulario - 1</title> </head> <body> Aun que el <form action="Pro-1.php" method="post"> <h3>Teclea el valor de A</h3> cdigo parece <input type="text" name="a" /> abrumador, en <br> <h3>Teclea el valor de B</h3> realidad no todo <input type="text" name="b" /> es necesario. <br> <input type="submit" value="Enviar"/> <input type="reset" name="cls" id="cls" value="Limpiar"> </form> <p> </p> <p> </p> </body> </html>
<?php $deA=$_POST['a']; $deB=$_POST['b'];
Recibiendo Datos (php)

Bueno, manos a la obra
echo "Hola, $_POST[a], bienvenido a PHP"; echo "<br>"; echo "Hola, $_POST[b], bienvenido a PHP"; echo "<br>"; printf(" la suma de %.2f + %.2f es = %.4f",$deA,$deB,$deA+$deB); echo "<br>"; printf(" la resta de %d - %d nos da = %d",$deA,$deB,$deA-$deB); echo "<br>"; printf(" y la resta de %d - %d nos da = %d",$deB,$deA,$deB-$deA); echo "<br>"; printf(" El producto de %d * %d es = %d",$deA,$deB,$deA*$deB); echo "<br>"; printf(" mientras que la divisin de %d / %d es = %f",$deA,$deB,$deA/$deB); echo "<br>"; printf(" aun que la divisin de %d / %d es = %f",$deB,$deA,$deB/$deA); echo "<br>"; printf(" El residuo de %d / %d es = %d",$deA,$deB,$deA%$deB); echo "<br>"; printf(" El residuo de %d / %d es = %d",$deB,$deA,$deB%$deA); echo "<br>"; echo "<a href='form-Pro-1.html'>","Regresar","</a>"; echo "<br>"; echo '<a href="form-Pro-1.html">','<-----','</a>'; ?>
En dnde estamo [M3C]
De este lado (lgica De este lado de negocio) (cliente) trabajamos trabajamos con HTML (entre PHP(recibimos la otros), capturando informacin de los en los formularios formularios cliente la informacin que para procesarla; se enviara al regresndola al servidor(LN) para cliente envindola ser procesada a la BD
De este lado (BD) trabajamos mysql (recibimos las transacciones hechas por el cliente a travs de la lgica de negocio y devolvemos la informacin al cliente, nuevamente por medio de la LN)
La arquitectura a tres capas o modelo a tres capas es un estilo de programacin basado en la web, que propone dividir una aplicacin en tres partes:
Formularios (HTML & PHP)

Los formularios son plantillas que permiten la creacin de documentos HTML con peticiones de datos. La principal utilidad de los formularios es la posibilidad de crear cuestionarios, encuestas, pginas de comentarios o cualquier documento en la que se desee una interaccin por parte del usuario.
Se podrn definir distintos tipos de recuadros de dialogo, botones de seleccin, mens de mltiples opciones, ... Para permitir obtener los datos de una manera ms intuitiva.
Existe una instruccin HTML para la creacin de formularios esta es FORM, que tiene la siguiente estructura:
< FORM ACTION=Nombre fichero que trata el formulario" METHOD= POST | GET > Dentro de la etiqueta de formulario se definirn los distintos elementos de peticin ... de datos. Estas instrucciones que se explicarn a continuacin definirn los tipos de Elementos que forman el formulario botones, cajas de dialogo y ventanas para la introduccin de datos. Y definirn las ... variables que almacenarn los datos introducidos por el usuario. Estas etiquetas se < /FORM>
incluirn entre la de definicin del formulario y la etiqueta de final de formulario. Los atributos que presenta la etiqueta FORM (<form></form>) son los siguientes:

ACTION: Indica el programa que se encargar de tratar los datos del formulario. Este programa debe encontrarse en el servidor y estar escrito en algn lenguaje de programacin. A este programa se pasar como parmetros los datos introducidos en el formulario y retornar un cdigo HTML que se mostrar tras procesar el formulario. METHOD: Indica el protocolo usado para el envo de los datos. Con POST enva los datos en la entrada estndar del programa que trata el formulario y con GET los datos se pasan por parmetro, en la lnea de comandos, al programa. El usar uno o otro mtodo vendr determinado por como son tratados los parmetros en el formulario. El mtodo de uso ms normal ser POST.

Una vez definidas las caractersticas globales del formulario incluiremos los distintos botones y cajas de dialogo que lo constituyen. Dentro de la instruccin del formulario podrn incluirse cualquier texto o instruccin HTML, siendo recomendado a fin de poder etiquetar las opciones de entrada y especificar cualquier dato importante relacionado con el formulario. Igualmente un formulario puede ser incluido en algunas instrucciones HTML como las listas, tablas, etc.
<INPUT> Entrada bsica de datos La etiqueta INPUT se utiliza para definir gran variedad de tipos de campos de entrada de datos. Por lo general sern entradas de texto corto (a lo sumo una frase) o opciones. El formato bsico es el siguiente: < INPUT TYPE = ( TEXT | PASSWORD | CHECKBOX | RADIO | HIDDEN | SUBMIT | IMAGE | RESET ) NAME = "Variable que toma el valor" VALUE = "Valor de Inicializacin" >

El atributo TYPE se usa para determinar el tipo de recuadro de dialogo de entrada que se est definiendo, a continuacin se explicarn por separado cada una de las opciones. El atributo NAME especifica el nombre de la variable que se define. Este nombre ser pasado al programa que trata el formulario junto con el valor que le asigno el usuario del formulario. El atributo VALUE suele especificar el valor de inicializacin, que ser el valor por defecto.
A continuacin se relatan los distintos tipos de instrucciones de entrada.

Texto corto Se utiliza para la entrada de cadenas de texto corto, como por ejemplo nombre de personas, nmeros, fechas o diversos datos que se puedan expresar en una lnea de texto. Se mostrar un recuadro que ocupa una lnea y la que ser posible especificar este texto. El formato de la instruccin es el siguiente:
< INPUT TYPE=TEXT NAME="variable" VALUE="valor inicial" SIZE="tamao" MAXLENGTH="longitud mxima" >

Passwords Es similar al anterior pero en este caso no se imprimen los caracteres segn se van introduciendo, se muestra un asterisco en vez de los caracteres. Solo se puede ver el nmero de caracteres, pero no valor. Se usa para la introduccin de claves de acceso (passwords) y datos que no deban ser vistos al introducirlos. El formato es:
<INPUT TYPE=PASSWORD NAME="variable" VALUE="valor inicial" SIZE="tamao" MAXLENGTH="li>longitud mxima" >

Botones de seleccin El checkbox es un botn que puede presentar dos estados activado o desactivado. El formato es el siguiente:
< INPUT TYPE=CHECKBOX NAME="variable" [CHECKED] >
Se requiere el atributo NAME. Los valores que tomar la variable sern on off, dependiendo de su estado. Si el botn estaba activado cuando se envan los datos del formulario se enviaran el nombre de la variable y el valor que indique su estado. Si se incluye el atributo CHECKED el botn se encontrar activado en la inicializacin. Si se indica el atributo VALUE, cuando se envan los datos con el botn activado se mandar la variable con el valor indicado y en caso contrario no se mandar ningn valor.

Seleccin entre mltiples opciones Se usa cuando la opcin puede tomar un valor simple de una serie de alternativas. En este caso se presentan unos valores opcionales de los que solo puede tomar un valor. Para especificar cada uno de estos valores se incluir una etiqueta RADIO por cada una de las posibles alternativas, su estructura general ser:
< INPUT TYPE=RADIO NAME="variable" VALUE="valor 1" CHECKED > < INPUT TYPE=RADIO NAME="variable" VALUE="valor 2" > ... < INPUT TYPE=RADIO NAME="variable" VALUE="valor n" >
Cada una de las etiquetas RADIO tendr el mismos atributo NAME, y con un distinto atributo VALUE que ser el valor que tome si se selecciona esta opcin. Para inicializarlo se usa el atributo CHECKED que se indicar solo en la opcin que se quiera especificar por defecto.

Parmetros ocultos En este caso no se muestra ningn campo para la entrada de datos al usuario, pero el par variable valor especificado es enviado junto con el formulario. Se suele usar para transmitir informacin de estado control para enviar algn tipo de informacin que no debe ser variada en el formulario, pero s debe ser enviada junto a este. El formato es:
< INPUT TYPE=HIDDEN NAME="variable" VALUE="valor" >
Deber incluir tanto la variable como el valor.
Enviar Datos
Este botn se usa para enviar los datos del formulario, al pulsar el usuario este botn, se acaba la introduccin del formulario y pasa el control al programa indicado en ACTION. En todo formulario debe existir al menos un botn de SUBMIT, si solo incluye un recuadro del tipo TEXT no ser necesario incluirlo. El formato es: < INPUT TYPE=SUBMIT VALUE="mensaje a mostrar" > El atributo VALUE especifica una etiqueta no editable que se mostrar en el botn de envo. Lo normal es que este botn no enve datos, pero si se indica el atributo NAME con un nombre de variable ser enviada la variable con el valor de VALUE. Esto puede ser til si se incluyen distintos botones de SUBMIT para distinguir cual fue pulsado.

Borrar los datos Este botn se usa para volver a los valores por defecto todos los elementos del formulario, borrando todos los datos introducidos por el usuario. Su formato es el siguiente:
< INPUT TYPE=RESET VALUE="Etiqueta a mostrar" >
El atributo VALUE especifica la etiqueta que tendr el botn.
Botn de Envo grfico
Su funcionalidad es similar al botn de SUBMIT, se usa igualmente para enviar los datos de un formulario, pero en este caso se presenta una imagen como botn. Igualmente al pulsar sobre el botn se enviar el formulario. El formato es el siguiente: < INPUT TYPE=IMAGE NAME="variable" SRC="URL de la Imagen" > El punto de la imagen en el que pulsa el usuario tambin es pasado al programa interprete del formulario, de forma que la imagen igualmente podra ser un mapa sensible. Se pasarn dos parmetros x e y con las coordenadas del punto donde pulso, siendo el programa interprete el encargado de determinar la zona donde se puls, si se desea.

Texto en mltiples lneas Permite la introduccin de un texto que puede abarcar varias lneas, introduciendo este en forma de prrafo. El formato general ser: <TEXTAREA NAME="variable" ROWS=Filas COLS=Columnas> Texto de Inicializacin que puede incluir varias lneas. </TEXTAREA>
En este caso se presenta una ventana del tamao especificado con los atributos ROWS, filas, y COLS, columnas. El texto expresado entre la etiqueta de inicio y de final sirve para indicar que texto aparecer inicialmente en la ventana, en este texto se podrn incluir las marcas del lenguaje HTML, pero solo se tendrn en cuenta para incluir acentos y otro tipo de efectos. Los atributos ROWS y COLS determinan el tamao de la ventana visible, el texto se podr extender ms all de estos limites.
Eleccin entre mltiples opciones
Se usa para mens simple o mltiples. Define mens de tipo pop-up (men de barras) y ofrece una alternativa ms compacta al uso de botones RADIO o CHECKBOX. Su formato es el siguiente: <SELECT NAME="variable"> < OPTION SELECTED VALUE=valor1> Opcin Primera < OPTION VALUE=valor2> Opcin Segunda ... < OPTION VALUE=valorn> Opcin Ensima </SELECT> Si se desea que sea un men mltiple se deber incluir el atributo MULTIPLE en la etiqueta de SELECT, en este caso se mostrarn todas las opciones en forma de tabla, en el otro caso se mostrar la opcin activa y un botn para poder modificar esta opcin. En ambos casos solo podr seleccionarse una de las opciones. Cuando se enva el resultado del formulario la variables NAME tomar el valor de la opcin que este activa. La etiqueta OPTION que contenga el atributo SELECTED ser considerada la opcin por defecto, caso de no especificarse ninguna se considerar la primera de las opciones.
PHP and MySQL Web Development Luke Welling and Laura Thomson 2001 by Sams Publishing
www.php.org http://www2.uca.es/serv/sc/manual-html/form.htm http://www.htmlcodetutorial.com/forms/

php-3 SI-C06092010

Uploaded by

Document Information

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

php-3 SI-C06092010

Uploaded by

Copyright:

Available Formats

14abr

PROFESOR: M.T.C. Gerardo Pavel Hernndez Jara

Un vistazo rpido (DW)

Vistas en modo cdigo, diseo y ambas (dividir)

Esta es la vista de diseo Configuracin de sitio

Barras de estatus y propiedades

Informacin sobre el sitio

<?php $deA=$_POST['a']; $deB=$_POST['b'];

Recibiendo Datos (php)

En dnde estamo [M3C]

Formularios (HTML & PHP)

Formularios (HTML & PHP)

Formularios (HTML & PHP)

Formularios (HTML & PHP)

Formularios (HTML & PHP)

A continuacin se relatan los distintos tipos de instrucciones de entrada.

Formularios (HTML & PHP)

Formularios (HTML & PHP)

Formularios (HTML & PHP)

Formularios (HTML & PHP)

Formularios (HTML & PHP)

Formularios (HTML & PHP)

Formularios (HTML & PHP)

Formularios (HTML & PHP)

Deber incluir tanto la variable como el valor.

Formularios (HTML & PHP)

Formularios (HTML & PHP)

El atributo VALUE especifica la etiqueta que tendr el botn.

Botn de Envo grfico

Formularios (HTML & PHP)

Formularios (HTML & PHP)

Formularios (HTML & PHP)

Eleccin entre mltiples opciones

Formularios (HTML & PHP)

Formularios (HTML & PHP)

www.php.org http://www2.uca.es/serv/sc/manual-html/form.htm http://www.htmlcodetutorial.com/forms/

You might also like