8/19/2019 formularios HTML7

1/15

Formularios

La mayor parte de los elementos HTML de que disponemospermite al visitante visualizar los contenidos de un sitio, pero nointeractuar con él. Dicho de otro modo, la relaciónusuario/p !ina es unidireccional y est tica. "on los #ormularios,

por el contrario, el usuario puede interactuar con el sitioenviando sus comentarios, haciendo peticiones sin necesidadde escri$ir mensa%es por correo electrónico, #irmando en el li$rode visitas, contestando a encuestas y sondeos, etc. Todo ellode#ine una relación $idireccional, que es posi$le sólo !racias a

la intervención de pro!ramas residentes en servidores &&&'se trata de los denominados "() o "ommon (ate*ay )nter#ace

8/19/2019 formularios HTML7

2/15

Formularios

Los CGI hacen posible lo que no podría hacerse si seactuara desde el lado del cliente. Es decir, la gestión delos formularios depende, en realidad, más del servidorque de la programación !"L. #ara que un formulario

!"L funcione es necesario disponer de un CGIresidente en el propio servidor o en otro sitio.

8/19/2019 formularios HTML7

3/15

+tiquetas F- M 0 /F- M

Esta etiqueta abre $ cierra el formulario $ recoge elcontenido de la misma, que puede variar seg%n una seriede etiquetas que veremos más adelante. &o es posibleinsertar un formulario dentro de otro. 'icho de otromodo, en los formularios no se permiten anidamientos.

8/19/2019 formularios HTML7

4/15

Métodos (+T/1-2T La sinta3is usual, es la si!uiente'

8/19/2019 formularios HTML7

5/15

Formularios

(na ve) impostada la primera marca *+ -" de la plantilla, es

posible, siempre $ cuando el script CGI lo permita, crear algunoselementos que resultan de gran utilidad para una adecuada gestiónde los datos/

8/19/2019 formularios HTML7

6/15

+ormularios

+ste códi!o es muy 5til ya que, una vez rellenado yenviado correctamente, el #ormulario responde conuna p !ina HTML sucesiva, dentro de la cual esposi$le incluir cualquier tipo de comentario. Lo m snormal es visualizar una p !ina de con#irmación 9Tu

#ormulario ha sido enviado correctamente9, pero sepuede tam$ién mandar directamente a la portada delsitio. 2e trata de comandos no est ndar que var4anse!5n el "() utilizado.

8/19/2019 formularios HTML7

7/15

+tiqueta );18T

La marca de $ase para la de#inición de los elementosde un #ormulario es );18T , que se utiliza paraa!re!ar $otones, men5s de selección, contrase valoresque analizamos a continuación.

8/19/2019 formularios HTML7

8/15

);18T type:?T+@TA

ma 0ength="12" si3e="44" 5a0ue="%u nombre"

+ste valor crea los t4picos campos de te3to, en los que

!eneralmente se solicitan datos tales como el nom$re o ladirección de correo electrónico. T+@T tiene tres atri$utosopcionales' ma 0ength Bel n5mero m 3imo de caracteres quepuede ser introducido en el campo y que no es posi$lesuperarC, si3e Bla anchura de la cadena dentro de la p !inaC y

5a0ue Bvisualiza un te3to por de#ecto dentro de la cadenaC.

8/19/2019 formularios HTML7

9/15

);18T type:?1=22&- DA

ma 0ength="12" si3e="44"

+ste campo de te3to #unciona como el anterior, pero con una

peque

8/19/2019 formularios HTML7

10/15

);18T type:?"H+" E-@A

chec ed

+ste atri$uto se utiliza para representar datos de tipo 9s4/no9 y

9verdadero/#also9. "rea peque

8/19/2019 formularios HTML7

11/15

);18T type:? =D)-A

5a0ue="su iciente"

5a0ue="e ce0ente"

+ste atri$uto tiene #unciones similares al visto anteriormente,pero contiene m s posi$ilidades de selección. 2eleccionandouna de las presentes, y siempre y cuando ten!an todas un valor9name9 idéntico, las restantes se deseleccionanautom ticamente.

8/19/2019 formularios HTML7

12/15

8/19/2019 formularios HTML7

13/15

);18T type:? +2+TA

Eotón que vuelve a impostar todo el #ormulario eliminando los

datos introducidos.

8/19/2019 formularios HTML7

14/15

);18T type:?T+@T= +=A

8/19/2019 formularios HTML7

15/15

);18T type:?2+L+"TA