INSTITUTO TECNOLOGICO SUPERIOR DE SAN

ANDRES TUXTLA
INGENIERIA EN SISTEMAS COMPUTACIONALES

MANUAL DE PRACTICAS DE
LABORATORIO

ASIGNATURA:
PRCTICA NO.1

OBJETIVO:

CODIGO:LABCOMP
REVISION: 0

Programacin Web
NOMBRE DE LA PRCTICA:
Formulario #1
Creacin de formularios en
HTML
Crear formularios en HTML.
FUNDAMENTO TEORICO

Los formularios son plantillas que permiten la creacin de documentos

HTML con peticiones de datos. La principal utilidad de los formularios es la
posibilidad de crear cuestionarios, encuestas, pginas de comentarios o
cualquier documento en la que se desee una interaccin por parte del usuario.
Se podrn definir distintos tipos de recuadros de dialogo, botones de
seleccin, mens de mltiples opciones, para permitir obtener los datos de
una manera ms intuitiva.
Elementos que forman el formulario <form ></form>
Dentro de la etiqueta de formulario se definirn los distintos elementos de
peticin de datos. Estas instrucciones que se explicarn a continuacin
definirn los tipos de botones, cajas de dialogo y ventanas para la
introduccin de datos. Y definirn las variables que almacenarn los datos
introducidos por el usuario. Estas etiquetas se incluirn entre la de definicin
del formulario y la etiqueta de final de formulario.
Los atributos que presenta la etiqueta <form ></form> son los siguientes:
action: Indica el programa que se encargar de tratar los datos del formulario.
Este programa debe encontrarse en el servidor y estar escrito en algn
lenguaje de programacin. A este programa se pasar como parmetros los
datos introducidos en el formulario y retornar un cdigo HTML que se
mostrar tras procesar el formulario. A este tipo de programas se les llama
cgi-bin, y se explican en el ltimo apartado de este manual: (CGI-BIN).

SOFTWARE DE APLICACIONES EJECUTIVAS

[Escriba texto]
Pgina 1

INSTITUTO TECNOLOGICO SUPERIOR DE SAN

ANDRES TUXTLA
INGENIERIA EN SISTEMAS COMPUTACIONALES

MANUAL DE PRACTICAS DE
LABORATORIO

CODIGO:LABCOMP
REVISION: 0

method: Indica el protocolo usado para el envo de los datos. Con POST
enva los datos en la entrada estndar del programa que trata el formulario y
con GET los datos se pasan por parmetro, en la lnea de comandos, al
programa. El usar uno o otro mtodo vendr determinado por como son
tratados los parmetros en el formulario en el (CGI-BIN). El mtodo de uso
ms normal ser POST.
MATERIAL/EQUIPO

Computadora
Navegador Web
Editor de texto

METODOLOGIA Y DESARROLLO

Con el siguiente cdigo en HTML se realizar un formulario, con el cual se

ingresarn datos personales de los usuarios.

SOFTWARE DE APLICACIONES EJECUTIVAS

[Escriba texto]
Pgina 2

INSTITUTO TECNOLOGICO SUPERIOR DE SAN

ANDRES TUXTLA
INGENIERIA EN SISTEMAS COMPUTACIONALES

MANUAL DE PRACTICAS DE
LABORATORIO

CODIGO:LABCOMP

SOFTWARE DE APLICACIONES EJECUTIVAS

[Escriba texto]
Pgina 3

REVISION: 0

INSTITUTO TECNOLOGICO SUPERIOR DE SAN

ANDRES TUXTLA
INGENIERIA EN SISTEMAS COMPUTACIONALES

MANUAL DE PRACTICAS DE
LABORATORIO

CODIGO:LABCOMP
REVISION: 0

RESULTADOS

Los resultados que se obtiene con el cdigo anterior, como se puede observar es un
formulario el cual pide al usuario ingresar los datos personales. En la primera imagen se
observa cmo se llenan los campos, y en la segunda al presionar el botn enviar o
restablecer como el formulario se limpia nuevamente.

SOFTWARE DE APLICACIONES EJECUTIVAS

[Escriba texto]
Pgina 4

INSTITUTO TECNOLOGICO SUPERIOR DE SAN

ANDRES TUXTLA
INGENIERIA EN SISTEMAS COMPUTACIONALES

MANUAL DE PRACTICAS DE
LABORATORIO

CODIGO:LABCOMP
REVISION: 0

CONCLUSIONES

Los formularios ayudan a los programadores a obtener de manera ms fcil

los datos proporcionados por el usuario. Y adems de esto mejoran la esttica
en cuanto al contenido que se presenta dentro de ellos.
BIBLIOGRAFIA

http://es.ccm.net/contents/236-formularios-html
http://www2.uca.es/manual-html/form.htm

SOFTWARE DE APLICACIONES EJECUTIVAS

[Escriba texto]
Pgina 5