Todo formulario HTML está delimitado por las etiquetas <FORM> y </FORM>, entre los que se deben encontrar los elementos que componen el formulario
La formá básica de definición de un formulario es la siguiente:
<FORM ACTION="http://www.sitio/el_script"
METHOD="POST">
</FORM>
Los atributos de la etiqueta form son:
Action: especifica el URL del script CGI que debe tratar los datos recopilados por el formulario
Method: determina el método a utilizar para acceder al URL determinado en el campo ACTION. Existen dos métodos, GET (el defecto) y POST (basados en los métodos HTTP)
Enctype: especifica el tipo de datos utilizado para codificar los pares nombre/valor durante el transporte. Por defecto es igual a application/x-www-form-urlencoded y no se suele especificar.
Name: es el nombre que se le asigna al formulario
2. Elementos de Entrada
La mayoría de los controles de entrada son visuales y pueden interactuar con el usuario. Su uso depende del tipo de control y también del tipo de información que pueden recolectar. Los elementos de entrada de un formulario pueden ser definidos mediante el uso de cuatro elementos: el elemento HTML input, el elemento HTML button, el elemento HTML select y el elemento HTML textarea
Entrada textual: pueden recolectar información como nombres, comentarios, opiniones, etc.
Entrada de línea: Este control recolecta información textual en una sola línea, lo que significa que el usuario no podrá utilizar la tecla "enter" para ir a la siguiente línea
Entrada de password: Este control actúa exactamente como el de entrada de línea con la excepción de que "esconde" los caracteres ingresados mostrándolos como puntos o asteriscos para evitar que los usuarios ven su contenido. Es definido utilizando el valor "pass" en el atributo "type", y su valor inicial puede ser definido usando el atributo "value".
Entrada multi-línea: Este control permite a los usuarios ingresar texto en una o más líneas. se inserta utilizando el tag HTML textarea y puede ser usado para recolectar reportes, comentarios, cartas, etc.
3. Opciones
Casillas de verificación: Una casilla de verificación es una opción simple que puede tomar uno de dos valores: "marcado" ó "no marcado" ("checked" ó "unchecked"). Las casillas de verificación pueden ser agrupadas visualmente formando listas de opciones, pero cada una de ellas es tratada individualmente. Este control es insertado mediante el tag HTML input con el valor "checkbox" en su atributo "type".
Botones radio: Los botones radio trabajan de la misma forma que las casillas de verificación con una pequeña diferencia: los botones radio que comparte el mismo nombre conforman un grupo de opciones donde el usuario no puede seleccionar más de una a la vez. Esto significa que cuando un usuario elige una opción, las demás son automáticamente de seleccionadas.
Listas:Estas listas pueden ser construidas utilizando tres elementos: el elemento HTML select (contenedor principal), el elemento HTML option (opción simple) y el elemento HTML optgroup (grupo de opciones). El último elemento es el único prescindible para construir este tipo de listas. Los controles de lista pueden ser usadas para recolectar información al igual que los botones radio (sólo una opción) o como casillas de verificación (múltiples opciones), dependiendo de la presencia del atributo booleano "multiple"
4. Botones
Botones de envío: Este tipo de botones envía automáticamente el formulario en que se encuentra cuando es presionado. Es insertado utilizando el tag HTML input con el valor "submit" en su atributo "type".
Botones de restablecimiento: Este tipo de botones reestablecen los controles en un formulario a sus valores iniciales cuando es presionado. Son insertados con el tag HTML input con el valor "reset" en su atributo "type".
Botones de imagen: Los botones de imagen funcionan exactamente como los botones de envío con la única diferencia que los de imagen son representados visualmente con la imagen especificada en el atributo "src"
Botones de contenido: Los botones de contenido pueden ser usados como botones de envío o restablecimiento, o bien pueden no tener ninguna acción preestablecida (dependiendo del valor de su atributo "type"). Pero su características es que permite a los autores inserta contenido dentro de los mismos. Esto significa que una porción de código HTML puede ser mostrado dentro del botón (vínculos, párrafos, texto en negrita, imágenes, etc.).
5. Entrada en archivos
La entrada de archivos puede ser utilizada para subir archivos al servidor. Este control muestra una caja de texto donde el usuario debe especificar la ruta del archivo (que será adjuntado localmente por el navegador) que será enviado al servidor. De este modo los autores pueden pedir a los visitantes que envíen archivos de sus computadoras a través de la página. El control habitualmente muestra un botón para elegir el archivo visualmente.
Nota que para los formularios con subida de archivos debes especificar el valor "multipart/form-data" en el atributo "enctype" del tag HTML form, de otro modo, el archivo no será enviado.
6. Envió y Recepción de Datos
El lenguaje PHP nos proporciona una manera sencilla de manejar formularios, permitiéndonos de esta manera procesar la información que el usuario ha introducido.
Al diseñar un formulario debemos indicar la página PHP que procesará el formulario, así como en método por el que se le pasará la información a la página.
$_POST[]: Es una matriz asociativa de variables que fueron obtenidas por el método HTTP POST. Por lo general son enviadas por un formulario.
Ej: El form tiene un input con id/name igual a Nombre, nosotros le ponemos el valor Pablo, luego hacemos print $_POST['nombre'], y obtendríamos Pablo
$_GET[]: Es una matriz asociativa de variables que fueron obtenidas mediante parámetros URL. Son enviadas en la url:
Ej: Tenemos www.agevaled.com.ar?nombre=Pablo, ahí obtenemos si hacemos print $_GET['nombre'], obtendríamos Pablo.$_REQUEST[]: Es una matriz asociativa de variables que contiene todo lo que contiene $_GET, $_POST
No hay comentarios:
Publicar un comentario