MINI MANUAL PARA CREAR

FORMULARIOS CON PHP

Marzo 2007

Servicio de Informtica y
Comunicaciones

Mini manual para crear formularios con PHP

Servicio de Informtica y Comunicaciones

Para poder disear un formulario y que ste nos enve los resultados a nuestro correo electrnico, necesitamos crear
3 pginas con nuestro programa editor de webs. Para este ejemplo vamos a utilizar Microsoft Office FrontPage 2003.
PGINA 1: EL FORMULARIO
Despus de iniciar el FrontPage abrimos nuestro sitio web; posteriormente vamos a archivo y seleccionamos la opcin
nuevo. Despus elegimos pgina en blanco tal como se muestra:

Mini manual para crear formularios con PHP

Servicio de Informtica y Comunicaciones

Como resultado de esta accin nos mostrar una pantalla parecida a esta:

Si observa atentamente la parte inferior de la imagen anterior observar esto:

Esto significa que usted va a ver, por un lado el cdigo fuente de la pgina:

Mini manual para crear formularios con PHP

Servicio de Informtica y Comunicaciones

Y por otro ver la vista de diseo:

Ahora pulsamos con el botn izquierdo del ratn en medio de la zona correspondiente a la vista de diseo para
indicarle al programa que queremos trabajar en esta zona y no en el cdigo. Acto seguido en el men superior vamos
Insertar > Formulario > Formulario:

Mini manual para crear formularios con PHP

Servicio de Informtica y Comunicaciones

Y nos resulta algo as:

Hemos creado el campo del formulario. Ahora lo que debemos hacer es insertar dentro de ste los campos que
queramos utilizar en nuestro formulario. Para ello situamos el cursor dentro del formulario (es decir, dentro de la zona
punteada) y volvemos a ir a Insertar > Formulario > y ah seleccionamos el elemento que queramos introducir. En
nuestro ejemplo vamos a desarrollar un formulario de contacto simple, para que se vea con claridad el proceso. Para

Mini manual para crear formularios con PHP

Servicio de Informtica y Comunicaciones

En la vista de diseo obtendremos esto:

Ahora, con las flechas del teclado, nos vamos al punto justo antes del cuadro de texto que hemos insertado para
escribir ah el texto con las instrucciones para las personas que tengan que rellenar el formulario. Nuestro campo

Visualmente ya sabemos que ese campo de texto corresponde con los apellidos. No obstante necesitamos en este
momento asignar un valor interno a ese campo. Para sealar ese valor pulsamos sobre el campo de texto con el
botn derecho del ratn. Nos aparece un men contextua

Al seleccionarlo nos abre una ventana con las opciones de nuestro campo de formulario. Es muy importante que NO
UTILICEMOS TILDES, NI MAYSCULAS, NI mucho menos- ESPACIOS EN BLANCO ya que podramos causar que
nuestra pequea aplicacin no funcionara:

Mini manual para crear formularios con PHP

Servicio de Informtica y Comunicaciones

Aceptamos y ya habremos configurado el cuadro de texto de modo correcto.

Ahora insertamos todos los campos que queramos y los configuramos de modo similar al que hemos hecho,
indicndole las propiedades que correspondan en cada caso.

Ahora fijamos nuestra atencin en la vista del cdigo. Buscamos dnde empieza la etiqueta del formulario (todo el
contenido del formulario est entre las etiquetas
las
propiedades de sta observamos lo siguiente:

Dejamos tal cual la parte que dice method="POST" y en donde indica action="--WEBBOT-SELF--"> lo
cambiamos por action="enviar.php". Con esto conseguiremos que los datos que los usuarios introduzcan en el
formulario sean procesados por la pgina enviar.php que es la que se encarga de enviar todos los datos por correo
electrnico, tal como veremos ms adelante. A su vez suprimimos la lnea que est justo debajo y que dice:
<!--webbot bot="SaveResults" U-File="_private/form_results.csv" S-Format="TEXT/CSV" S-Label-Fields="TRUE" -->.

Mini manual para crear formularios con PHP

Servicio de Informtica y Comunicaciones

Por tanto, una vez realizados estos cambios nuestro cdigo queda as:

Una vez terminemos de modificar guardamos el archivo html con el que hemos estado trabajando con el nombre que
queramos, evitando siempre maysculas, tildes y espacios en blanco:

Mini manual para crear formularios con PHP

Servicio de Informtica y Comunicaciones

PGINA 2: PGINA PHP QUE NOS ENVA EL CORREO ELECTRNICO CON LOS DATOS
Abrimos una nueva pgina tal como hicimos en PGINA 1. Nos vamos a la vista de cdigo. Una vez hayamos

Con esto dejamos absolutamente vaco el cdigo html:

Mini manual para crear formularios con PHP

Servicio de Informtica y Comunicaciones

Y guardamos el documento con el nombre enviar.php:

Observar que, a partir de este momento, desaparecer la opcin de ver la vista de diseo. No se preocupe ya que en
esta pgina slo escribiremos unas lneas cdigo.
Escriba a partir de la lnea 1 exactamente del mismo modo que aparece aqu:

10

Mini manual para crear formularios con PHP

Servicio de Informtica y Comunicaciones

Como usted ya ha visto, en la lnea 3 del cdigo, donde dice SUEMAIL cmbielo por su e-mail o el de la persona a
la que el formulario le ser enviado; en la lnea 4 donde dice Consulta enviada desde SUWEB cmbielo por el texto
que desee; recuerde que ese texto es el que le aparecer
correo electrnico
que le llegar a su buzn por lo que sugerimos que escriba un texto mediante el que usted identifique fcilmente el
correo recibido como formulario enviado desde su sitio web.
Una vez usted introduzca esos datos, el cdigo quedara tal que as:

Al poner delante de una palabra (o letra) ese

smbolo (por ejemplo: $para) estamos creando una
con un determinado valor. As le indicamos que, en este
caso, $para tiene como valor paz.padilla@uhu.es , $asunto tiene como valor Consulta enviada desde
uhu.es/paz.padilla . Entendemos, por tanto, que una variable es una estructura de datos que puede cambiar de
contenido a lo largo de la ejecucin del proceso.
Puede observar que $remitente tiene como valor
, en concreto $correo. Si usted recuerda cuando hizo la
primera pgina del formulario, al campo de texto donde los usuarios escriben su direccin de correo electrnico se le
puso como valor, dentro de sus propiedades, correo
formulario.htm recoge la variable $correo que el usuario introdujo. Por lo tanto si le damos la instruccin de que la
variable $remitente = $correo siempre nos devolver lo que previamente la persona que ha rellenado el formulario ha
escrito.
Finalmente en la lnea 6 aparece $mensaje =
hay un gran espacio que va desde la
lnea 7 hasta la 17, que cierra con una comilla y un punto y coma. Esto significa que el valor de la variable $mensaje
es todo lo que se escriba desde la lnea 7 hasta la lnea 16. Por tanto escribimos en ese espacio el resto de elementos
que nos falta
que nos devuelve lo que ha escrito el usuario es $apellidos. As quedaran las lneas que nos faltan:
Apellido del usuario: $apellidos
Nombre del usuario: $nombre
Correo Electrnico del usuario: $correo
Comentario del usuario: $comentario

11

Mini manual para crear formularios con PHP

Servicio de Informtica y Comunicaciones

Dentro del cdigo queda as la visualizacin:

Guardamos todos los cambios.

Como ha notado, las variables de nuestra pgina enviar.php tienen el nombre de los campos del formulario y como
valor lo que el usuario escribe en ste.

12

Mini manual para crear formularios con PHP

Servicio de Informtica y Comunicaciones

PGINA 3: PGINA QUE NOS CONFIRMA EL ENVO

Ahora creamos un nuevo documento en blanco tal como vimos en la pgina 1. El documento que creamos se llamar
enviado.htm y tendr como funcin confirmar el envo del formulario. Cuando la pgina enviar.php recoge los datos
del formulario los enva a la direccin de correo que ha introducido e inmediatamente despus de hacerlo carga la
pgina de confirmacin que vamos a crear.
Insertamos el texto predefinido que saldr, por ejemplo:

Ya tenemos nuestro formulario en php correctamente diseado. Ahora sbalo al servidor y realice las pruebas que
necesite envindose a s mismo algunos formularios de contacto. Una vez que verifique que todo funciona
correctamente ya lo puede colgar definitivamente para que sea utilizado.

13

Mini manual para crear formularios con PHP

Servicio de Informtica y Comunicaciones

ACLARACIONES
- Para poder enviar un formulario necesita estos tres archivos sobre los que hemos estado hablando. Es necesario que
stos se encuentren, dentro de su sitio web, en la misma carpeta ya que podran dar errores si se sitan
incorrectamente en otras ubicaciones.
- Si usted desea tener ms de un formulario deber crear tantos archivos como formularios: si tiene 4 formularios
deber tener 4 pginas formulario, 4 pginas de proceso de envo (enviar.php) y 4 pginas de confirmacin, todas
ellas con nombres distintos. Recuerde que cada pgina formulario debe enviarse a la pgina de envo que le
corresponda para que lea las variables necesarias y las procese correctamente al correo. Si usted no desea
personalizar las pginas de confirmacin y dejar siempre la misma puede hacerlo, de modo que tenga, por ejemplo, 4
pginas formulario, 4 pginas de proceso de envo y 1 pgina de confirmacin.

14