INSTITUTO DE EDUCACIÓN SUPERIOR TECNOLÓGICO

PÚBLICO ‘VILCANOTA’ - SICUANI

PROGRAMA DE ESTUDIOS DE COMPUTACIÓN E INFORMÁTICA
TALLER DE PROGRAMACIÓN WEB - GUÍA 04

TEMA: FORMULARIOS EN LENGUAJE PHP

OBJETIVOS:
 Conozca el uso de formularios
 Implemente ejemplos con los formularios.

INTRODUCCIÓN.
Un formulario consta de un conjunto de campos de datos solicitados por un determinado programa,
que se almacenarán para su procesamiento y posterior uso. Cada campo debe albergar un dato
específico, por ejemplo, el campo "Nombre" debe rellenarse con un nombre personal; el campo
"Fecha de nacimiento" debe aceptar una fecha válida, etc.
En todos los sitios web existen acciones que ejecuta el usuario que se resuelven mediante
formularios: hacer una búsqueda, completar encuestas, realizar consultas, enviar un adjunto, etc. Y
el caso más habitual es el formulario de contacto que permite enviar un mensaje sin necesidad de
salir del sitio.
En este apunte describiremos la etiqueta <form> y otras etiquetas que permiten crear algunos
elementos de formularios.

LA ETIQUETA <FORM>
Esta etiqueta incluye todos los contenidos del formulario, ya sean campos de texto, botones o
checkboxes. Es una etiqueta de bloque por lo tanto la podemos afectar desde css como a cualquier
caja contenedora.
Es importante aclarar que mediante HTML podemos crear formularios y sus elementos (campos de
texto, botones, etc.), pero para procesar la información y ejecutar el envío se requiere de otros
lenguajes como PHP o ASP.
La etiqueta que delimita un formulario es la etiqueta:
<form>
...
</form>.

Los atributos más importantes de la etiqueta <form> son:

 action:
Que define la ruta al archivo que procesará los datos.
Contiene el nombre del agente que procesará los datos remitidos al servidor (por ejemplo, un
script de PHP).
Ejemplo:
<form action="" >

</form>

 method: define la manera de ENVIAR LOS DATOS al servidor. Los valores posibles son:
 get:
o Los valores enviados se añaden a la dirección indicada en el atributo action.
o Envía las variables del formulario junto a la url de la página indicada en el atributo action.
Proceso análogo a como lo hace el buscador Google.
o Se debería emplear cuando los datos enviados no provocan cambios en el servidor, por
ejemplo cuando se hace una petición en un buscador.

1
Ing. Gregorio CCAPATINTA QUISPE
 INSTITUTO DE EDUCACIÓN SUPERIOR TECNOLÓGICO
PÚBLICO ‘VILCANOTA’ - SICUANI
PROGRAMA DE ESTUDIOS DE COMPUTACIÓN E INFORMÁTICA
TALLER DE PROGRAMACIÓN WEB - GUÍA 04

Ejemplo:
<form action="" method="get" >

</form>

 post:
o Los valores se envían de forma separada.
o Envía las variables de forma oculta.
o Por medio de este valor los datos se envían como el cuerpo de un mensaje. Se debería
emplear cuando los datos provoquen cambios en el lado del servidor, por ejemplo
cuando modifiquen los contenidos de una base de datos.
<form action="" method="post" >

</form>

Si el atributo method no está establecido, el formulario se comporta como si el valor fuera get.

CONTROLES BÁSICOS DE LOS FORMULARIOS.

 CAJA DE TEXTO: <INPUT TYPE="TEXT" />
Las cajas de texto de una sola línea se crean mediante una etiqueta <input /> cuyo
atributo type tiene el valor text.
<input type="text" name="texto" />
El atributo value (optativo) permite incluir un texto en la caja de texto para que el usuario lo
modifique. HTML 5 introdujo el atributo placeholder, mucho más cómodo para el usuario, ya que
no tiene que borrar el texto de ayuda.
<input type="text" name="texto" value="Escribe algo" />
Agregando clases de bootstrap a un input type=”text” - class="form-control".
<form action="" method="get">
<input type="text" name="texto" class="form-control"/>
</form>

 BOTONES SUBMIT Y RESET MEDIANTE <BUTTON>

La etiqueta <button> permite crear botones de tipo submit o reset o botones de tipo general que
deben asociarse a scripts para hacer algo. Los botones submit o reset se crean mediante el
atributo type con el valor submit o reset. El botón de uso general se crea mediante el
atributo type con el valor button.
<button type="submit">Enviar</button>
<button type="reset">Borrar todo</button>
<button type="button">Botón</button>
Los botones <button> pueden contener texto e imágenes (o estructuras más complejas, pero no
mapas de imágenes).
<button>
<img src="compu.png" width="16" height="16"/>
Botón
</button>
Si un botón no lleva el atributo type, se comporta como un botón de tipo submit.
<button>Botón</button>

Agregando clases de bootstrap a un <BUTTON> - class=" btn btn-primary".

<button type="button" class="btn btn-primary">Primary</button>

<button type="button" class="btn btn-secondary">Secondary</button>

2
Ing. Gregorio CCAPATINTA QUISPE
 INSTITUTO DE EDUCACIÓN SUPERIOR TECNOLÓGICO
PÚBLICO ‘VILCANOTA’ - SICUANI
PROGRAMA DE ESTUDIOS DE COMPUTACIÓN E INFORMÁTICA
TALLER DE PROGRAMACIÓN WEB - GUÍA 04

<button type="button" class="btn btn-success">Success</button>

<button type="button" class="btn btn-danger">Danger</button>
<button type="button" class="btn btn-warning">Warning</button>
<button type="button" class="btn btn-info">Info</button>
<button type="button" class="btn btn-light">Light</button>
<button type="button" class="btn btn-dark">Dark</button>
<button type="button" class="btn btn-link">Link</button>

<button type="button" class="btn btn-outline-primary">Primary</button>

<button type="button" class="btn btn-outline-secondary">Secondary</button>
<button type="button" class="btn btn-outline-success">Success</button>
<button type="button" class="btn btn-outline-danger">Danger</button>
<button type="button" class="btn btn-outline-warning">Warning</button>
<button type="button" class="btn btn-outline-info">Info</button>
<button type="button" class="btn btn-outline-light">Light</button>
<button type="button" class="btn btn-outline-dark">Dark</button>

Ejemplo:
<form action="" method="get">
<input type="text" name="texto" class="form-control"/>
<button type="submit" name="enviar" class="btn btn-success">Enviar</button>
<button type="button" class="btn btn-outline-primary">Mostrar</button>
</form>

RECEPCIÓN, ENVIO DE DATOS EN FORMULARIOS CON PHP

El usuario del navegador puede enviar información al servidor web de dos maneras.
 El método GET
 El método POST
EL MÉTODO GET
El método GET envía la información del usuario codificada adjuntada a la solicitud de página. La
página y la información codificada están separadas por ?personaje.
Antes de que el navegador envíe la información, la codifica usando un esquema llamado
codificación URL. En este esquema, los pares nombre / valor se unen con signos iguales y los
diferentes pares se separan por el signo y.
http://www.test.com/index.htm?name1=value1&name2=value2
Cómo usarlo
Antes de que pueda usar la variable $ _GET, debe tener un formulario en html que tenga el método
igual a GET. Luego, en php, puede usar la variable $ _GET para obtener los datos que desea.
La sintaxis $ _GET es ($ _GET ['el nombre del campo de formulario va aquí']).
Ejemplos
<? php
// Mostrará los datos que se recibió del formulario llamado nombre
echo ($_GET ['nombre']);
?>
// Este es el formulario html que crea el cuadro de entrada y el botón de enviar
// El método para el formulario está en la línea de abajo
<form action="" method="get">
Nombre: <input type="text" name="name" class="form-control">
<input type="submit" value="Enviar" class="btn btn-success">
</form>
Resultado:

3
Ing. Gregorio CCAPATINTA QUISPE
 INSTITUTO DE EDUCACIÓN SUPERIOR TECNOLÓGICO
PÚBLICO ‘VILCANOTA’ - SICUANI
PROGRAMA DE ESTUDIOS DE COMPUTACIÓN E INFORMÁTICA
TALLER DE PROGRAMACIÓN WEB - GUÍA 04

 El método GET produce una cadena larga que aparece en los registros de su servidor, en el
cuadro Ubicación: del navegador.
 El método GET está restringido para enviar hasta 1024 caracteres solamente.
 Nunca use el método GET si tiene una contraseña u otra información sensible para enviar al
servidor.
 GET no se puede utilizar para enviar datos binarios, como imágenes o documentos de Word, al
servidor.
 Se puede acceder a los datos enviados mediante el método GET usando la variable de entorno
QUERY_STRING.
 El PHP proporciona matriz asociativa $ _GET para acceder a toda la información enviada
utilizando el método GET.

EL MÉTODO POST
El método POST transfiere información a través de encabezados HTTP. La información se codifica
como se describe en el caso del método GET y se coloca en un encabezado llamado
QUERY_STRING.
Los datos que obtiene $ _POST son invisibles para otros y la cantidad que se puede enviar no está
limitada, además del tamaño máximo de 8 MB.

Antes de poder usar la variable $ _POST, debe tener un formulario en html que tenga el método
igual a POST. Luego, en php, puede usar la variable $ _POST para obtener los datos que desea.
La sintaxis $ _POST es ($ _POST ['el nombre del campo de formulario va aquí']).

Ejemplos:
El formulario html con $ _POST

<? php
// Muestra los datos que se recibieron del cuadro de entrada llamado nombre
en el formulario
echo ($ _POST ['nombre']);
?>

// Este es el formulario html que crea el cuadro de entrada y el botón de enviar

// El método para el formulario está en la línea de abajo
<form action = "test.php" method = POST>
Nombre: <br> <input type = "text" name = "name"> <br>
<input type = "submit" value = "Submit">
</ form>

 El método POST no tiene ninguna restricción sobre el tamaño de los datos a enviar.
 El método POST se puede usar para enviar datos ASCII y binarios.
 Los datos enviados por el método POST pasan por el encabezado HTTP, por lo que la seguridad
depende del protocolo HTTP. Al usar Secure HTTP puede asegurarse de que su información
sea segura.

4
Ing. Gregorio CCAPATINTA QUISPE
 INSTITUTO DE EDUCACIÓN SUPERIOR TECNOLÓGICO
PÚBLICO ‘VILCANOTA’ - SICUANI
PROGRAMA DE ESTUDIOS DE COMPUTACIÓN E INFORMÁTICA
TALLER DE PROGRAMACIÓN WEB - GUÍA 04

 El PHP proporciona la matriz asociativa $ _POST para acceder a toda la información enviada
utilizando el método POST.

$ _REQUEST
¿Qué es?
La variable $ _REQUEST es una variable con el contenido de las variables $ _GET y $ _POST y $
_COOKIE.

¿Cómo usarlo?
Antes de poder usar la variable $ _REQUEST, debe tener un formulario en html que tenga el mismo
método que GET y POST. Luego, en php, puede usar la variable $ _REQUEST para obtener los
datos que desea. Dependiendo de lo que escribió para el método en el formulario y usando $
_REQUEST en php, $ _REQUEST usará $ _Get si GET está escrito para el método y $ _REQUEST
usará $ POST si POST está escrito en el método.
La sintaxis $ _REQUEST es ($ _REQUEST ['el nombre del campo de formulario va aquí']).

Ejemplos
<? php
// esto seguirá siendo el mismo pero el método en el formulario cambiará
a su preferencia de GET o POST
($ _REQUEST ['el nombre del formulario va aquí'])
?>

Usando GET para el método

<? php
// Muestra los datos que se recibieron del cuadro de entrada llamado nombre
en el formulario
echo ($ _REQUEST ['nombre']);
?>

// Este es el formulario html que crea el cuadro de entrada y el botón de enviar

// El método para el formulario está en la línea de abajo
<form action = "test.php" method = GET>
Nombre: <br> <input type = "text" name = "name"> <br>
<input type = "submit" value = "Submit">
</ form>

Usando POST para el método

<? php
// Muestra los datos que se recibieron del cuadro de entrada llamado nombre
en el formulario
echo ($ _REQUEST ['nombre']);
?>
// Este es el formulario html que crea el cuadro de entrada y el botón de enviar
// El método para el formulario está en la línea de abajo
<form action = "test.php" method = POST>
Nombre: <br> <input type = "text" name = "name"> <br>
<input type = "submit" value = "Submit">
</ form>

5
Ing. Gregorio CCAPATINTA QUISPE
 INSTITUTO DE EDUCACIÓN SUPERIOR TECNOLÓGICO
PÚBLICO ‘VILCANOTA’ - SICUANI
PROGRAMA DE ESTUDIOS DE COMPUTACIÓN E INFORMÁTICA
TALLER DE PROGRAMACIÓN WEB - GUÍA 04

6
Ing. Gregorio CCAPATINTA QUISPE