Formulario_Web.pdf

Documents

14 pages
36 views

Please download to get full document.

View again

of 14
All materials on our website are shared by users. If you have any questions about copyright issues, please report us to resolve them. We are always happy to assist you.
Share
Description
Formularios HTML y PHP para 1º Bachillerato TIC página 1/14 Formularios Web con HTML y PHP Índice de contenido 1 Intro..................................................................................................................................................1 2 Elemento de un formulario HTML.....................................................................................2 3 Campos de formularios HTML (contr
Transcript
  Formularios HTML y PHP para 1º Bachillerato TIC página 1/14 Formularios Web con HTML y PHP Índice de contenido  1 Intro..................................................................................................................................................1 2 Elemento <form> de un formulario HTML.....................................................................................2 3 Campos de formularios HTML (controles)......................................................................................2  Campos de te!to...............................................................................................................................2  #otones de en$%o..............................................................................................................................2  .1 E&emplo1. Mi color preferido...................................................................................................3  .2 E&ercicio1. Mis fa$oritos...........................................................................................................' ' Casillas de $erificacin.....................................................................................................................' '.1 E&emplo2. Casillas de $erificacin. *as ido a...+....................................................................., '.2 E&ercicio2. In-redientes e!tras de una i//a............................................................................0 , #otones de opcin............................................................................................................................ ,.1 E&emplo3. #otones de pcin. Test aritmtica.......................................................................14 ,.2 E&emplo3 5is. Test aritmtica Corre-ido. I6...EL7E...............................................................12 ,.3 E&ercicio3. #otones de opcin. E!amen C. 8aturales............................................................13 0 Tra5a&o 6inal9 Men: del ;%a...........................................................................................................1  T=..........................................................................................................................................1  1 Intro !isten os #ormas $ásicas e interactuar con una página %e$& hacer clic so$re un enlace o en'iar atos en un #ormulario(Los #ormularios se usan en la na'egaci)n ha$itual por páginas %e$ *i(e( Cuan o entramos en nuestro correo %e$& iniciamos sesi)n en  youtube  para su$ir un '+ eo& $uscamos una página con  google & o nos i enti#icamos en  facebook  para acce er a nuestra re social&((( siempre estamos en'ian o atos me iante los campos e un #ormulario(Los #ormularios e una página %e$ se ise,an como el resto e la página& emplean o HTML *Lengua-e e ti.uetas e HiperTe!to( I((0( Clara Campoamor e M)stoles    2ept( Tecnolog+a( Pro#( 3a'ier 0an Ley'a 56/17/58  Formularios HTML y PHP para 1º Bachillerato TIC página 7/14  2 Elemento <form> de un formulario HTML Para crear un #ormulario $asta insertar eti.uetas <form>   e apertura y cierre en tu página 9B( To os los controles *campos e te!to& casillas e 'eri#icaci)n& $otones e opci)n o $ot)n e en'iar .ue a,a as entre las eti.uetas <form> y  </form> #ormarán parte el #ormulario .ue se en'+a al ser'i or 9B(l elemento <form>  cuenta con muchos atri$utos pero $asta con utiliar 7 e ellos: action   y method (;tri$uto action : in ica al ser'i or a .u< página e$e esplaarse cuan o el usuario pulsa el $ot)n e en'+o el #ormulario( s ecir& in ica .u< página reci$irá la in#ormaci)n el #ormulario( Por supuesto& esta página e$e e!istir en el ser'i or 9e$(;tri$uto method : controla la #orma en .ue se en'+a la in#ormaci)n al ser'i or y e!isten os m<to os& =T y P>0T( Con =T se en'+a la in#ormaci)n intro uci a por el usuario a -untán ola a la ?@L espu<s el signo A ? ( Con P>0T se en'+an los 'alores intro uci os en el #ormulario en el cuerpo e la solicitu HTTP(l c) igo siguiente crea un #ormulario 9B ((( .ue an no contiene ningn campo( Cuan o a,a amos los campos normales en un #ormulario& el archi'o A respuesta1.php A reci$irá me iante el m<to o P>0T los 'alores intro uci os en el #ormulario( <form action= respuesta1.php method= post ></form>  3 Campos de formularios HTML (controles) Darios son los controles .ue pue es utiliar para pe ir in#ormaci)n en un #ormulario( Para to os los e-emplos necesitaremos os páginas 9e$( La primera es un #ormulario on e el usuario intro uce la in#ormaci)n solicita a en campos y la segun a recupera los 'alores el #ormulario para tratarlos posteriormente *i(e( mostralos en Ta$las( Comenaremos con los controles e #ormulario HTML más comunes:  4 Campos de texto Tam$i<n llama os cua ros e te!to& son pro$a$lemente los controles más conoci os en cual.uier #ormulario( 0e crean por me io el elemento <input>  y esta$lecien o el atri$uto type   en text  . <input type=”text” name=”direccion_de_trabao”> n este e-emplo solicitamos la A irecci)n e tra$a-o al usuario( stos campos e te!to aceptan #rases e te!to completas& lo .ue les hace muy interesantes para preguntas a$iertas *i(e( 2irecci)n on e tra$a-as(  ! Botones de en!o Los $otones e en'+o se usan siempre en to os los #ormularios( 0on necesarios para en'iar la in#ormaci)n el #ormulario a la página %e$ receptora( 0e crean por me io el elemento <input>  y esta$lecien o el atri$uto type   en submit  .  l te!to .ue aparece so$re el $ot)n se in ica me iante el atri$uto a#ue ( I((0( Clara Campoamor e M)stoles    2ept( Tecnolog+a( Pro#( 3a'ier 0an Ley'a 56/17/58  Formularios HTML y PHP para 1º Bachillerato TIC página E/14 <input type=”submit” a#ue=”$nia#o %&”> ste $ot)n se mostrar+a como se 'e a continuaci)n: 5.1 Ejemplo1. Mi color preferido Damos a crear un #ormulario .ue te pregunte por tu color pre#eri o y luego lo muestre en pantalla( @ecuer a& necesitamos 7 páginas %e$& una para el #ormulario y otra para mostrar el 'alor intro uci o( Para ello a$re tu e itor e c) igo #a'orito *ompoer& 2e'PHP& Blue#ish&((( e intro uce el siguiente c) igo: <htm#><head><tit#e>$emp#o 1. 'ormu#ario( )i *o#or 'aorito</tit#e></head><body><form method= +$, action= respuesta1.php >-*u# es tu co#or faorito<br> <input type=”text”name= co#or ><br><input a#ue= $nia#o %& type= submit ><br></form></body></htm#> =uár alo en tu carpeta ra+ como eemp#o1.htm#  y cierra el archi'o(Cuan o a$rimos el archi'o con un na'ega or %e$ 'emos el #ormulario:;n no #unciona el $ot)n e Aen'iar ya .ue no hemos crea o la segun a página %e$& la .ue reci$e los 'alores intro uci os en el #ormulario( Como se ha in ica o en el #ormulario <form action=”respuesta1.php”>  sa$emos .ue la segun a página se llamará A respuesta1.php & e'i entemente siempre po emos cam$iar el nom$re el archi'o en el atri$uto action ( GC)mo po emos recuperar la in#ormaci)n el color intro uci o en el #ormulario 0)lo con HTML > B;0T;& necesitamos escri$ir guiones con PHP & un lenguaje de programación que trabaja del lado del servidor de páginas web ( n las pr)!imas l+neas 'amos a a$rir una pe.ue,a 'entana al lengua-e PHP& si tienes u as e mi e!plicaci)n& hay un tutorial e PHP4 i'erti o y muy& muy claro .ue he encontra o en http://%%%(rinconastur(net/  entro e la secci)n e in#ormática( I((0( Clara Campoamor e M)stoles    2ept( Tecnolog+a( Pro#( 3a'ier 0an Ley'a 56/17/58  Formularios HTML y PHP para 1º Bachillerato TIC página 4/14 0eguimos con PHP& estos guiones o l+neas e c) igo se intro ucirán entro el c) igo HTML e la página %e$& y para istinguirlas irán siempre elimita as por los caracteres J <php0 y 0 >0. l c) igo e nuestra página es el siguiente& intro celo en tu e itor %e$ y guár alo como respuesta1.php   <body>,u co#or faorito es( <br><php echo _+$,0co#or056></body></htm#> GKue hace nuestro gui)n PHP <php  in ica .ue iniciamos un gui)n escrito en php( echo es un coman o .ue muestra en la página %e$ las pala$ras *ca enas e te!to y/o 'aria$les( Las ca enas e te!to e$en ir entrecomillas& las 'aria$les no lo necesitan( Para .ue sea más claro el coman o echo  usamos par<ntesis  5 para elimitar el conteni o .ue 'amos a mostrar((n nuestro e-emplo el coman o echo  mostrará en la página %e$ el conteni o e la 'aria$le =TJcolorJN&(((pero G.u< es esto o es i#+cil& ahora te lo e!plico((( _+$,0co#or0 es una 'aria$le automáticamente crea a por PHP y .ue almacena el 'alor el JcolorJ intro uci o en el campo e te!to con ese nom$re( Gun poco rara $ueno& ya te acostum$rarás((( tiene 'arios s+m$olo raros .ue tam$i<n te e!plico: ã   se emplea siempre en PHP para in icar .ue lo .ue 'iene a continuaci)n es una 'aria$le( ã  _+$,  por.ue el m<to o e en'+o el #ormulario elegi o es =T& y los corchetes .ue conten rán el nom$re el campo e te!to( ã 0co#or0  por.ue es el nom$re .ue le imos al campo e te!to en el #ormulario& y las comillas sencillas 0 se usan siempre .ue tra$a-amos con ca enas al#anum<ricas& es ecir& te!tos( ã ! l punto y coma siempre se usa al #inal e la instrucci)n PHP& es imprescin i$le ponerla( *Atento: PHP es superquisquilloso con las mayúsculas y minúsculas, para él 'A' y 'a' son distintas: si el nombre de nuestro campo de teto es 'color', no podemos in!ocarlo en PHP como ' olor', ni as# 'co$or',....%A&(&) . ;hora ya tenemos las os páginas %e$& el #ormulario on e nos hacen la pregunta el color pre#eri o con un campo e te!to para respon erla y la página respuesta1.php  .ue mostrará el color elegi o( Pero si a$res con un na'ega or el #ormulario y lo en'+as pulsan o el $ot)n& #$ %P%&'(' T) &'*P)'*T%  Anaran-a en página  respuesta1.php (((Gpor .ue I((0( Clara Campoamor e M)stoles    2ept( Tecnolog+a( Pro#( 3a'ier 0an Ley'a 56/17/58
We Need Your Support
Thank you for visiting our website and your interest in our free products and services. We are nonprofit website to share and download documents. To the running of this website, we need your help to support us.

Thanks to everyone for your continued support.

No, Thanks
SAVE OUR EARTH

We need your sign to support Project to invent "SMART AND CONTROLLABLE REFLECTIVE BALLOONS" to cover the Sun and Save Our Earth.

More details...

Sign Now!

We are very appreciated for your Prompt Action!

x