Sei sulla pagina 1di 11

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

Potrebbero piacerti anche