CU00724B Formularios HTML Boton Envio Submit Reset Imagen Contenido Button PDF

Formularios en HTML. Botones: envo, restablecimiento, imagen.
.23)45)3.23603.#.3.C6#
%63#7$.386S "T#$. 96T64)S: )4:;6 S79#8T, 3)ST.9$)C8#8)4T6 3)S)T, 8#.0)4 < C64T)4856 =97TT64>. =C700?2+9>
Seccin: Cursos Categora: Tutorial b sico del programador !eb: "T#$ desde cero %ec&a 'ltima actuali(acin: 2012 Resumen: )ntrega n*2+ del Tutorial b sico ,"T#$ desde cero-.
aprenderaprogramar.com, 2006-2012
.utor: )nri/ue 0on( le( 0uti1rre(
BOTONES 7n botn nos permite reali(ar una accin con el @ormulario /ue lo contenga. )Aisten dos tipos b sicos de botones: enBiar el @ormulario =enBo o submit> C poner todos los campos a sus Balores iniciales =restablecimiento o reset>.
.dem s de estos dos tipos de botones, eAiste un botn especial /ue no posee ninguna accin prede@inida C /ue, por tanto, deber ser especi@icada con un lenguaDe del lado del cliente. $os botones pueden insertarse a traB1s de la eti/ueta =tag> "T#$ input =botones para enBiar C reestabler C botones de imagen> o el elemento "T#$ button =botones de contenido>.
Botones e envo )ste tipo de botones enBa autom ticamente el @ormulario en /ue se encuentra cuando es presionado. )s decir, cuando se pulsa el botn el naBegador nos lleBa a la direccin !eb indicada en el campo action C al mismo tiempo enBa a esa direccin los datos /ue contiene el @ormulario. 2ara insertar un botn usamos la eti/ueta Einput F GH. 2ara indicar /ue se trata de un botn de enBo dentro de esta eti/ueta escribiremos tCpe I ,submit-. )scribe este cdigo C Bisuali(a el resultado:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>Ejemplo del uso de formularios - aprenderaprogramar.com</title> </head> <body> <form method="get" action="accion.php"> <input type="submit" value="Enviar este formulario" /> </form> </body> </html>
%Date /ue &emos escrito Einput tCpeIJsubmitJ BalueIJ)nBiar este @ormularioJ GH. )sta @orma de escritura es una @orma abreBiada e/uiBalente a: Einput tCpeIJsubmitJ BalueIJ)nBiar este @ormularioJH EGinputH .mbos cdigos producen el mismo resultado, pero es m s &abitual usar la primera @orma =abreBiada> /ue la segunda en este tipo de elementos =C en otros>. )n el eDemplo anterior, simplemente lo /ue ocurrir al pulsar sobre el botn K)nBiar este @ormularioL es /ue el naBegador ir a la p gina Kaccion.p&pL C recibir los datos /ue pudiera lleBar el @ormulario. $a direccion accion.p&p se busca dentro del mismo directorio, Ca /ue no &emos especi@icado una ruta completa.
Botones e restablecimiento )ste tipo de botones reestablecen los controles en un @ormulario a sus Balores iniciales cuando es presionado. Son insertados con la eti/ueta =tag> "T#$ input con el Balor JresetJ en su atributo JtCpeJ. )scribe el siguiente cdigo C Bisuali(a sus resultados:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>Ejemplo del uso de formularios - aprenderaprogramar.com</title> </head> <body> <form method="get" action="accion.php"> <input type="text" name="texto1" value="Valor por defecto" /><br /> <input type="checkbox" name="condiciones" checked="checked" /> Acepto las condiciones<br /> <input type="reset" value="Restablecer todos los campos a su valor predeterminado" /> </form> </body> </html>
)n el eDemplo anterior, puedes probar la @uncionalidad del botn cambiando los Balores de los elementos C presionando el botn para restablecer los campos a sus Balores iniciales.
Botones e imagen )stos tipos de botones @uncionan eAactamente como los botones de enBo salBo /ue los de imagen son representados Bisualmente con la imagen especi@icada en el atributo JsrcJ. .dem s, estos tipos de botones enBan las coordenadas donde &a ocurrido el clicM cuando el @ormulario @ue enBiado, tomadas desde la es/uina superior i(/uierda del botn =por eDemplo, para un botn de imagen llamado Jboton1J las coordenadas ser n enBiadas en la @orma Jboton1.AJ C Jboton1.CJ>. $os botones de imagen se insertan con el tag "T#$ input, usando el Balor JimageJ en su atributo JtCpeJ.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>Ejemplo del uso de formularios - aprenderaprogramar.com</title> </head> <body> <form method="get" action="accion.php"> <input name="boton1" type="image" src="/images/aprenderaprogramar/imagen.png"> </form> </body> </html>
Si a&ora, &ici1ramos clicM sobre el botn de imagen, podramos obserBar como se enBan las coordenadas donde &icimos el clicM. )Demplo de cmo se re@leDara en la ruta /ue muestra el naBegador los datos correspondientes a Balores A e C de coordenadas: &ttp:GG!!!.aprenderaprogramar.comGaccion.p&pNboton!."#!!$%boton!.&#'!
Botones e conteni o $os botones de contenido pueden ser usados como botones de enBo o restablecimiento, o bien pueden no tener ninguna accin preestablecida =dependiendo del Balor de su atributo JtCpeJ>. Su caracterstica es /ue se puede insertar contenido "T#$ dentro de ellos. $os botones de contenido se insertan con el tag "T#$ button, usando el Balor JbuttonJ, JsubmitJ o JresetJ en su atributo JtCpeJ. 7n Balor button supondr /ue el botn no &ar nada en respuesta a un clicM, a no ser /ue se especi@i/ue una accin de otra manera =no Bamos a eAplicar a&ora cmo>. 7n Balor
submit &ar /ue el botn @uncione como un botn de enBo. %inalmente, un Balor reset &ar /ue el botn @uncione como un botn de restablecimiento de los Balores predeterminados del @ormulario.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>Ejemplo del uso de formularios - aprenderaprogramar.com</title> </head> <body> <form method="get" action="accion.php"> <button type="submit"> El <b>tag HTML type button</b><br /> permite contenido HTML en su interior. </button> </form> </body> </html>
Como podemos obserBar, &emos introducido contenido "T#$ dentro del propio botnO en concreto &emos usado la eti/ueta EbH EGbH para poner teAto en negrita C la eti/ueta Ebr GH para introducir un salto de lnea. . su Be( &emos escrito Ebutton tCpeIJsubmitJH, lo /ue supondr /ue el botn @uncione como un botn de enBo. Si &ubi1ramos escrito Ebutton tCpeIJresetJH el botn @uncionara como un botn de restablecimiento de Balores por de@ecto, C su &ubi1ramos escrito Ebutton tCpeIJbuttonJH el botn no dara lugar a ninguna accin. )n caso de no especi@icarse tCpe para el botn, en general se entender /ue es un botn tipo submit.
(r)"ima entrega: C700?2P9 *cceso al curso com+leto en aprenderaprogramar.com -- H Cursos, o en la direccin siguiente:
&ttp:GG!!!.aprenderaprogramar.comGindeA.p&pNoptionIcomQcontentRBie!IcategorCRidI6SR8temidI1S2

CU00724B Formularios HTML Boton Envio Submit Reset Imagen Contenido Button PDF

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

CU00724B Formularios HTML Boton Envio Submit Reset Imagen Contenido Button PDF

Uploaded by

Copyright:

Available Formats

Formularios en HTML. Botones: envo, restablecimiento, imagen.

.utor: )nri/ue 0on( le( 0uti1rre(

Formularios en HTML. Botones: envo, restablecimiento, imagen.

Formularios en HTML. Botones: envo, restablecimiento, imagen.

Formularios en HTML. Botones: envo, restablecimiento, imagen.

Formularios en HTML. Botones: envo, restablecimiento, imagen.

You might also like