Vous êtes sur la page 1sur 25

INTRODUCCION A FORMULARIOS

LIC. GINA HUERTAS CAMACHO

Formularios

FORMULARIO

Seccin de un documento con elementos especiales denominados controles. Esta seccin puede ser enviados a un agente para ser procesados. Nace con el concepto de dar interaccin al usuario con la pgina. Ejemplo, formulario de contacto. En un formulario se pueden considerar elementos como:

TextField TextArea Select Button( tipo button, submit, reset) Radio.(Option y Check)

En algunos navegadores los elementos mencionados anteriormente solo son visibles si son parte de una formulario.

Cmo se crea el formulario?

LA ETIQUETA <FORM>.
Empiezan con <form>. Finaliza con </form>. En <form>se indica:

Destino de los datos del formulario Forma de envo de los datos

Tag Form y Atributos

Tag Form

El comienzo de un formulario esta dado por <form> y el fin del formulario por </form> Name: nombre con el cual podr ser accesido un formulario a travs de cdigo dinmico y javascript. Action: define la URL del archivo encargado de procesar el requerimiento de envi del formulario. Method: mtodos de envi del formulario. Get o Post. Target: en caso de que se este trabajando con frame se especifica el nombre de este.

Atributos del Tag Form


Formularios

Estructura:
<H2>El formulario ms simple</H2> <FORM name="login" action=datos.php" method="POST"> Introduzca su nombre:&nbsp;&nbsp; <INPUT type="text" name="nombre" size="25"><BR><BR> <INPUT type="submit" value="Enviar">&nbsp;&nbsp;&nbsp; <INPUT type="reset" value="Borrar"> </FORM> </BODY> </HTML>

<HTML> <HEAD><TITLE>Formulario Simple</TITLE></HEAD> <BODY>

Elementos de un Formulario

TextField

<INPUT type=text" name="" value="">


<INPUT type=hidden" name="" value=""> <INPUT type=password" name="" value=""> <INPUT type=button" name="" value=""> <INPUT type=submit" name="" value="">

TextField Oculta

TextField Password

Buttn

Buttn Submit

Buttn Reset(Limpia el formulario)

<INPUT type=reset" name="" value=">

EN CONCLUSION
El formulario Permite recoger datos introducidos por el usuario.

Un formulario est formado, entre otras cosas, por etiquetas, campos de texto, mens desplegables, y botones
<form> y </form> indican el inicio y fin de un formulario

El atributo action indica una direccin de correo electrnico o la direccin del programa que se encargar de procesar el contenido del formulario.
El atributo method indica el metodo mediante el que se transfieren las variables del formulario. Su valor puede ser get o post

Ejemplo de Formularios
<HTML> <Head> <Title>Un cuadro de texto</Title> </Head> <Body> <H1>Ingreso de Datos de Libros</H1> <Form Name=Libros> <P>Nombre del Libro: <Input Type=Text Name=NombreLibro Size=40></P> </Form> </Body> </HTML>

ej019.html

Formularios
<HTML> <Head> <Title>Un cuadro de texto</Title> </Head> <Body> <H1>Ingreso de Datos de Libros</H1> <Form Name=Libros> <P>Nombre del Libro: <Input Type=Text Name=NombreLibro Size=40></P> </Form> </Body> </HTML>

Cuadro de Texto Text Box


<P>Nombre del Libro: <Input Type=Text Name=NombreLibro Size=40></P>

Mtodos de envo de un Formulario


Son dos mtodos de envo soportados por HTTP. Mtodo POST:


Es el ms utilizado. Es ms seguro. Los datos viajan ocultos una vez que se localiza la URL del action del formulario. Es el ms utilizado por buscadores. Los datos se agregan a la URL del action del formulario y son visible. Esta limitado en tamao

Mtodo GET:

Submit de un Formulario

Para que el formulario sea enviado hacia el servidor o bien ejecute el action, debe ser enviado. El formulario tiene un mtodo de envo que se llama submit. Este puede ser gatillado a travs de un tipo de botn submit o bien a travs de Javascript.

Yeray Caballero Lpez - Juan Pablo Quesada Nieves

15

Yeray Caballero Lpez - Juan Pablo Quesada Nieves

16

Yeray Caballero Lpez - Juan Pablo Quesada Nieves

17

Yeray Caballero Lpez - Juan Pablo Quesada Nieves

18

Yeray Caballero Lpez - Juan Pablo Quesada Nieves

19

Yeray Caballero Lpez - Juan Pablo Quesada Nieves

20

Yeray Caballero Lpez - Juan Pablo Quesada Nieves

21

Yeray Caballero Lpez - Juan Pablo Quesada Nieves

22

Procesando Formulario

Yeray Caballero Lpez - Juan Pablo Quesada Nieves

23

Yeray Caballero Lpez - Juan Pablo Quesada Nieves

24

Formularios
Recepcin de las variables de formulario
$_GET[variable] $_POST[variable]

Estos arrays asociativos contienen las variables transferidas de una pgina a otra a travs de un formulario. Dependiendo del mtodo utilizado (get o post) en el formulario, las variables estarn en uno u otro

25

Vous aimerez peut-être aussi