Practica de Laboratorio II UNIDAD II SEMANA 4 1
(CONTROLES TEXT Y SUBMIT)
El proceso para el manejo de FORMULARIOS requiere generalmente dos páginas, una que
implementa el formulario y otra que procesa los datos cargados en el formulario.
La estructura mínima de un formulario es la siguiente: para la entrada de un nombre de
persona, un objeto text y un botón para el envío del dato al servidor:
pagina10.html
Esta página está completamente codificada en HTML, es decir un formulario contiene
marcas HTML puras.
La marca nos permite definir un formularioen la página. La marca
FORM tiene dos propiedades que debemos inicializar obligatoriamente: action y method.
La propiedad action indica el nombre del archivo que recibirá los datos ingresados por el
operador en el formulario y que serán enviados al servidor cuando se presione el botón
(submit). La propiedad method indica cómo se organizan esos datos para enviarlos al
servidor, pudiendo ser mediantelos métodos post o get (normalmente los datos de un
formulario se envían mediante el método post).
Para crear un cuadro de texto para el ingreso del nombre debemos definir un objeto de tipo
"text" y darle un nombre:
La propiedad type nos permite definir el tipo de control y con la propiedad name indicamos
el nombre del control.
Por último todo formulario tiene unbotón de tipo submit:
También utilizamos la marca input pero en la propiedad type indicamos que se trata de
un botón de envío de datos. En la propiedad value indicamos el texto que queremos que
aparezca en el botón.
Ahora necesitamos una página con un pequeño programa en PHP que procese los datos
ingresados en el formulario:
pagina11.php
echo "El nombre ingresado es:";
echo $_REQUEST['nombre'];
?>
Para acceder al dato en PHP se cuenta con un vector llamado $_REQUEST indicando como
subíndice el nombre del cuadro de texto que definimos en el formulario (dicho nombre es
sensible a mayúsculas y minúsculas).
En nuestro problema sólo mostramos por pantalla elvalor ingresado en la página anterior:
echo $_REQUEST['nombre'];
FORMULARIO
(CONTROL RADIO)
Para analizar este control dispondremos un ejemplo:
Implementar un formulario que solicite la carga de dos enteros, uno en cada text. Disponer
dos controles de tipo radio que nos permitan seleccionar si queremos sumar o restar los
dos valores ingresados:
pagina12.html
Es importante notar que se tratanuevamente de un archivo HTML puro, que no tiene código
PHP.
La entrada de los dos números se efectúa en dos controles:
Es importante notar que cada text tiene un name DIFERENTE.
Para seleccionar el tipo de operación a efectuar disponemos dos controles de tipo radio:
sumar
Es importante notar que los dos controles tienen el MISMO nombre. Esto es necesario para
que el navegador sepa que los dos controles están relacionados (recordar que cuando uno
selecciona un radio se debe deseleccionar el otro).
Desde la otra página accederemos al value del control seleccionado.
Por último disponemos un control de tipo submit para el...
Regístrate para leer el documento completo.