Manejo de Formularios

Los Formularios

En cierta forma, los formularios nos permiten manejar el ingreso de los datos en una aplicaci\u00f3n WEB.

Por medio de estos verdaderos repositorios de datos, podemos enviar informaci\u00f3n directamente al Servidor (Base de Datos) o bien, manejar informaci\u00f3n para ser procesada en forma posterior. La estructura general de un formulario es: 1. Etiqueta de inicio:
2. Cuerpo del formulario, con los distintos elementos para poder introducir los datos. 3. Botones de env\u00edo y/o de borrado. 4. Etiqueta de cierre
Supongamos el siguiente ejemplo, denominado formulario.2.htm.

Los Formularios

Para lograr este despliegue de informaci\u00f3n, se deben seguir los siguientes pasos:

Los Formularios Nombre: FORMULARIO.HTM

Ejemplo Formulario con Validaci\u00f3n en PHP

En esta secci\u00f3n del formulario, solo se definen el inicio de la p\u00e1gina htm Recordar que un formulario es un SCRIPT inserto en una p\u00e0gina html. Posterior a la etiqueta BODY, podemos definir el script:

Los Formularios

Nombre:

Direccion:

Telefono:

• • • •

: Indica el inicio del formulario. Action= “”: Entre comillas se indica el programa que va a tratar las variables enviadas con el formulario. Por ejemplo una URL o mailto. Method="“: Indica el método de transferencia de las variables. Post, si se envía a través del STDIO. Get, si se envía a través de la URL. . El tag define la introducción de variables. Junto a estos TAG encontraremos los siguientes atributos: type="“: Indicará el tipo de variable a introducir. text Indica que el campo a introducir será un texto. Sus atributos son :

maxlenght="" Seguido de un valor que limitará el número máximo de carácteres a introducir en ese campo. size="" Seguido de un valor que limitará el numero de carácteres a mostrar en pantalla

Los Formularios
Nombre:

Direccion:

Telefono:

Atributo type="“: Indicará el tipo de variable a introducir.

text: Indica que el campo a introducir será un texto. Sus atributos son : • • •

maxlenght="“: Seguido de un valor que limitará el número máximo de caracteres a introducir en ese campo. size="“: Seguido de un valor que limitará el numero de caracteres a mostrar en pantalla. value="“: Indica que no hay valor inicial del campo.

Los Formularios
Nombre:

Direccion:

Telefono:

Atributo type="“: Indicará el tipo de variable a introducir. •

Password: Indica que el campo a introducir será una palabra de paso o transitoria, que por lo general se usa para validación. Mostrará asteriscos en lugar de letras escritas. Sus atributos serán los mismos que para text, es decir:

•

maxlenght="“: Seguido de un valor que limitará el número máximo de caracteres a introducir en ese campo. size="“: Seguido de un valor que limitará el numero de caracteres a mostrar en pantalla. value="“: Indica que no hay valor inicial del campo.

• •

Los Formularios
Nombre:

Direccion:

Telefono:

Sexo:
Hombre
Mujer


Radio: El campo se elegirá marcando de entre varias opciones una casilla circular. Sus atributos son :

• •

value="“: Entre comillas se indicará el valor de la casilla. Checked: La casilla aparecerá marcada por defecto

Los Formularios

Nombre:

Direccion:

Telefono:

…… Aficiones:
Deportes
Libros
Informatica
Musica


Checkbox: El atributo se elegirá marcando de entre varias opciones una casilla cuadrada. Sus atributos son :

• •

value="“: Entre comillas se indicará el valor de la casilla. Checked: La casilla aparecerá marcada por defecto.

Los Formularios
Nombre:

Direccion:

Telefono:

Atributo type="“: Indicará el tipo de variable a introducir.

•

Image: El atributo contendrá el valor en coordenadas del punto de la imagen que haya pinchado. Atributo obligatorio:

•

src="" Entre comillas escribiremos el nombre del archivo de imagen.

Los Formularios
Nombre:

Direccion:

Telefono:


Hidden: No se puede modificar su valor ya que no está visible. Se manda siempre junto al atributo value= seguido de su valor entre comillas.

Los Formularios
Nombre:

Direccion:

Telefono:

•

Atributo Name="“: Indicará el nombre que se asigna a un determinado campo o atributo, equivale al nombre de variable que recepciona el valor ingresado

Los Formularios

Nombre:

Direccion:

Telefono:

……. Nivel Maximo de Estudios:

•

Los tags encierran los valores que podremos elegir a partir de una lista. Los atributos que acompañan al tag de apertura son:

• •

name="" Indicará el nombre del campo de selección. Size="" Indicará el número de opciones visibles. Si le asignamos 1, la selección se presentará como un menú desplegable. Si le asignamos un valor mayor se presentará como una lista con barra de desplazamiento. multiple Indica si se pueden realizar multiples selecciones.

•

Los Formularios

Nombre:

Direccion:

Telefono:

…….

Comentarios:
Sin Comentarios

•

Con los tags ;..... definimos un texto de múltiples líneas para ingresar un comentario. Los atributos que acompañan al tag de apertura son:

• • •

name="" Nombre del campo. Cols="" Numero de columnas de texto visible. Rows="" Numero de filas de texto visible.

Los Formularios

Nombre:

Direccion:

Telefono:

…….

•

Con los tags , podemos definir los BOTONES de comportamiento del formulario. Los atributos que acompañan al tag de apertura son:

•

type="" Seguido de submit para enviar los datos del formulario y seguido de reset para borrar los datos que se han introducido. Value="" Indica el texto que incorporaran los botones. Normalmente, enviar y borrar.

•

Ejemplo en PHP

Los Formularios

Cada uno de los nombres de los controles del formulario de form01.html (propiedad name=) Se reciben en el arreglo de sistema $_POST si es que en el formulario se especificó el metodo post de lo contrario se recibirán en el arreglo $_GET Para mayor facilidad se crean variables locales con los valores recibidos en $_POST

$nom = $_POST["nombre"]; $dir = $_POST["direccion"]; $tel = $_POST["telefono"]; $sex = $_POST["sexo"]; $gra = $_POST["grado"]; $com = $_POST["comentario"]; $afi = $_POST["aficiones"]; echo "
Tus datos :
\n"; echo "
\nNombre : $nom
\n"; echo "Dirección : $dir
\n"; echo "Teléfono : $tel
\n"; : $sex
\n"; echo "Sexo echo "Grado : $gra
\n"; echo "Comentario : $com\n
\n";

// // // // //

Si es que se pudo crear el arreglo $afi porque se haya activado al menos un checkbox se imprime cada uno de sus valores La función isset() devuelve verdadero si existe la variable especificada

if(isset($afi)){ echo "
Tus aficiones:
\n
\n"; for($x=0;$x\n"; } echo "
\n

[Regresar]
"; ?>

Manejo de Formularios

Recommend Documents