UNIVERSIDAD LAICA ELOY ALFARO DE MANAB
FACULTAD DE CIENCIAS INFORMTICAS
INGENIERIA EN SISTEMAS
PROGRAMACION AVANZADA
TRABAJO AUTNOMO
INTEGRANTES:
Delgado Celorio Joan Dalton
Salvatierra Carranza Cinthia
Holguin Calle Luisa
QUINTO A
Profesor:
ING. RUBEN SOLORZANO
MAYO - 2015
FORMULARIOS EN HTML
Un formulario HTML es una seccin de un documento que contiene
contenido normal, cdigo, elementos especiales llamados controles
(checkboxes, radio buttons, menes, labels etc.), en esos controles. Los
usuarios normalmente "completan" un formulario modificando sus
controles (introduciendo texto, seleccionando objetos de un men, etc.),
antes de enviar el formulario a un agente para que lo procese.
OBJETIVOS
General:
Explicar todo lo relacionado a la creacin y uso de
formularios en html y validaciones en java script
Especficos:
Describir las sintaxis para la creacin de formularios y
controles.
Practicar ejercicios en Clase.
ACCESO A FORMULARIOS DESDE PHP
Acceso a los diferentes tipos de elementos de
entrada de formulario.
Elementos de tipo INPUT
TEXT
RADIO
CHECKBOX
BUTTON
FILE
HIDDEN
PASSWORD
SUBMIT
Elemento SELECT
Simple / mltiple
Elemento TEXTAREA
Ejemplo
Los formularios ms sencillos se pueden crear utilizando
solamente dos etiquetas: <form> y <input>. Si se considera el
formulario que muestra la siguiente imagen:
El cdigo HTML necesario para definir el formulario anterior se
muestra a continuacin:
<html>
<head><title>Ejemplo de formulario sencillo</title></head>
<body>
<h3>Formulario muy sencillo</h3>
<form action="http://www.librosweb.es/maneja_formulario.php" method="post">
Escribe tu nombre:
<input type="text" name="nombre" value="" />
<br/>
<input type="submit" value="Enviar" />
</form>
</body>
</html>
VALIDACION EN HTML
La validacin de los campos de un formulario es una tarea de
programacin necesaria, aunque muchas veces es un proceso molesto.
Para ejecutar la validacin por parte del cliente siempre debemos
recurrir a scripts, habitualmente en lenguaje JavaScript o emplear
alguna librera para verificar que las entradas son del tipo correcto y que
estn completas con datos, antes de que el formulario sea enviado. En
HTML5 los nuevos atributos de las entradas como required y pattern
usados en combinacin con selectores de CSS, facilitan la
programacin y mejora de la interfaz del usuario.
VALIDACIN DE FORMULARIOS CON JAVASCRIPT
Un uso habitual e importante de JavaScript es servir para realizar la
validacin de formularios. Cuando un usuario rellena un formulario y
pulsa en el botn enviar, comprobaremos con JavaScript si ha
introducido los datos mnimos requeridos y con el formato requerido. Si
no es as, abortaremos el envo del formulario y mostraremos los avisos
correspondientes evitando enviar la informacin al servidor.
El envo de la informacin al servidor supondra una demora en la
respuesta (enviar la informacin, realizar la validacin en el servidor,
enviar la respuesta) y dara la impresin de que la pgina web est
lenta. Con JavaScript podemos lograr una respuesta inmediata,
haciendo que la navegacin para el usuario de nuestra pgina web sea
satisfactoria
La validacin normalmente consiste en detectar el evento submit del
formulario y derivar la gestin del mismo a una funcin manejadora que
se encarga de revisar el contenido del formulario. Si en esa revisin se
detectan errores en los formatos o falta de datos, el envo se aborta y
se muestra un mensaje de aviso al usuario. Si en la revisin se
considera que est todo conforme, se procede al envo del formulario.
La validacin no supone ms que una aplicacin prctica de los
conocimientos que hemos adquirido durante el curso (acceso a
elementos del DOM, manejo de objetos, expresiones regulares, etc.).
La invocacin a la validacin se puede enfocar de distintas maneras. La
forma quizs preferible es usar addEventListener y preventDefault:
CONCLUSIONES
A travs de esta investigacin podemos concluir que:
Las estructuras un formulario se basan en el lenguaje universal
para publicar contenido por medio de la www y que puede
interactuar con en el lenguaje php, enviar y recibir datos
BIBLIOGRAFIA
c.es/paginas-web/t_11_1.htm
http://www.php.net/manual/es/tutorial.forms.php
http://brainstormoverride.wordpress.com/2011/02/07/formulario-html-php-paranovatos/
http://phpdesdecero.blogspot.com/2008/01/4-formularios-con-php.html
http://aprenderaprogramar.com/index.php?option=com_content&view=article&id=8
70:javascript-validar-campo-texto-vacio-numerico-o-email-correo-electronicoejemplos-formularios-cu01182e&catid=78:tutorial-basico-programador-webjavascript-desde-&Itemid=206
