Capitulos de este wiki
  1. 1 Introducción al lenguaje HTML
  2. 2 Primeros pasos con HTML
  3. 3 Parrafos en HTML
  4. 4 Cómo insertar imagenes en una pagina
  5. 5 Cómo crear enlaces hipertexto
  6. 6 PRÁCTICA 1: La pagina web de "La chistera"
  7. 7 Anclas (I)
  8. 8 Anclas (II)
  9. 9 Formato de texto
  10. 10 La etiqueta FONT
  11. 11 Texto preformateado
  12. 12 Acentos y otros caracteres especiales
  13. 13 Listas en HTML (I)
  14. 14 Listas en HTML (II)
  15. 15 Comentarios en HTML
  16. 16 Practica 2: Un sitio web completo
  17. 17 Usando color en el WWW
  18. 18 Cómo cambiar la apariencia de una pagina
  19. 19 Imagenes en las paginas Web (I)
  20. 20 Imagenes en las paginas Web (II)
  21. 21 Imagenes en las paginas Web (III)
  22. 22 Cómo cambiar la apariencia de las imagenes
  23. 23 Alternativas a las imagenes inline (I)
  24. 24 Alternativas a las imagenes inline (II)
  25. 25 Mejoras en las imagenes
  26. 26 Cómo se crea una tabla HTML (I)
  27. 27 Cómo se crea una tabla HTML (II)
  28. 28 Alineamiento de tablas
  29. 29 Alineamiento de celdas y filas
  30. 30 Ancho de tablas y celdas
  31. 31 Celdas que abarcan varias filas o columnas
  32. 32 Margenes y separación de celdas
  33. 33 Anidamiento
  34. 34 Practica 3 - Tabla de Datos
  35. 35 Practica 4 - Pagina Web con una estructura creada con tablas
  36. 36 Practica 4 - Pagina Web con una estructura creada con tablas
  37. 37 Practica 4 - Pagina Web con una estructura creada con tablas
  38. 38 Estandares y extensiones del lenguaje HTML (I)
  39. 39 Estandares y extensiones del lenguaje HTML (II)
  40. 40 Extensiones a las listas (I)
  41. 41 Extensiones a las listas (II)
  42. 42 Alineamiento
  43. 43 La etiqueta META
  44. 44 Otras etiquetas del lenguaje HTML 3.2
  45. 45 El atributo TARGET
  46. 46 La etiqueta BASE
  47. 47 Creación de paginas con frames
  48. 48 Creación del documento de definición de frames (I)
  49. 49 Creación del documento de definición de frames (II)
  50. 50 Pagina completa con frames
  51. 51 Atributos de la etiqueta FRAME
  52. 52 Compatibilidad: NOFRAME
  53. 53 Anidamiento de framesets
  54. 54 Bordes de los frames
  55. 55 Valores especiales del atributo TARGET
  56. 56 Practica 5: Web de Los Alpes con frames
  57. 57 Frames flotantes
  58. 58 Sonido vídeo y otros ficheros externos
  59. 59 Multimedia Inline (I)
  60. 60 Multimedia Inline (I)
  61. 61 Plug-ins y objetos incrustados
  62. 62 Java en las Paginas Web
  63. 63 Inserción de Applets Java (I)
  64. 64 Inserción de Applets Java (II)
  65. 65 Inserción de Applets Java (III)
  66. 66 ActiveX, la tecnología del futuro
  67. 67 Formularios en HTML
  68. 68 Controles de Formularios (I)
  69. 69 Controles de Formularios (II)
  70. 70 Controles de Formularios (III)
  71. 71 Controles de Formularios (IV)
  72. 72 Otros controles
  73. 73 Practica 6-Formulario para "Los Alpes"
  74. 74 Como usar los datos de un formulario
  75. 75 Envío De Ficheros Usando Formularios

Curso completo de HTML - Como usar los datos de un formulario

74 - Como usar los datos de un formulario

[editar]
Curso gratis creado por Jorge Ferrer, Víctor García y Rodrigo García. Extraido de: http://es.tldp.org/Manuales-LuCAS/doc-curso-html/doc-curso-html/
23 de Febrero de 2006

Una vez dominamos la creación, y diseño, de formularios en las páginas Web probablemente nos estamos preguntando ¿cómo puedo hacer que me lleguen los datos?. La respuesta a esta pregunta va mas allá del lenguaje HTML. Requiere la puesta en acción de unos programillas llamados CGIs, que se ejecutan en el servidor y que pueden estar escritos en prácticamente cualquier lenguaje de programación.

Estos programas deben encontrarse en algún lugar del servidor Web. Al enviar un formulario a uno, éste procesará la información y contestará con la respuesta oportuna. Esta respuesta será en general o bien la dirección de una página o bien una página creada por el propio CGI. ¿Cómo se envía información a un CGI?. Hasta ahora habíamos omitido este detalle, pero la etiqueta FORM consta de un atributo llamado ACTION donde debemos especificar la dirección URL del programa CGI donde deben enviarse los datos. Además debe usarse otro atributo, METHOD , para indicarle cómo se mandarán estos datos. Este atributo puede tomar dos valores GET y POST, omitiendo todos los detalles, podemos decir que el primero se usa con formularios pequeños, mientras que el segundo será el escogido para formularios donde la cantidad de información es grande. Una vez hemos visto estos atributos hemos de decir que para que los ejemplos que hemos visto funcionen cuando los publicamos en Internet habrá que añadírselos a la etiqueta <FORM>. Veamos un ejemplo:

      <FORM METHOD="post"
  ACTION="http://www.miservidor.es/cgi-bin/
  programaCGI">
       
  <!-- Código para insertar los distintos controles -->
       
       </FORM>
 
     

En este caso hemos supuesto la existencia de un CGI llamado programa CGI situado en el directorio cgi-bin (este es el nombre habitual del directorio donde suelen estar los CGIs) de nuestro servidor. El navegador mandará a este programa los datos del formulario codificado con un código especial, cuyo tipo MIME es application/x-www-form- urlencoded. En algunos de los ejemplos de este capítulo hemos visto ejemplos de como funciona esta codificación. La etiqueta FORM, tiene un atributo, ENCTYPE, que nos permitirá cambiar el tipo de codificación. Si no queremos usar ninguna podemos escribir:

      <FORM ENCTYPE="text/plain"
  METHOD="post"...>
       </FORM>
 
     

No usar codificación podrá ocasionar problemas al enviar caracteres especiales como son las letras acentuadas, pero puede ser útil en ocasiones, al no ser necesario decodificar el mensaje.

La creación de los programas CGI excede los límites de esta sección dedicada al lenguaje HTML, pero será cubierta en detalle más adelante debido a la gran importancia que tienen estos programas en la programación de Internet y en concreto de páginas Web. Hasta entonces veremos algunos métodos alternativos que nos permitirán hacer uso de los formularios que hemos creado sin necesidad de CGIs.

Formularios sin CGIs

Sin duda los programas CGIs permiten realizar muchas más cosas que cualquier otro método, pero la necesidad de conocer un lenguaje de programación nos lleva a buscar métodos alternativos que serán suficientemente buenos si no tenemos demasiados requerimientos.

Una alternativa a los CGIs son los lenguajes de script, que nos permitirán interactuar con el navegante sin hacer uso del servidor. Pero la alternativa en la que nos centraremos aquí será otra, que se basa en la posibilidad de mandar todos los datos de un formulario a una dirección de correo electrónico. Esto es suficiente para el ejemplo de la práctica 6, ya que simplemente necesitamos conocer los datos del usuario para mandar el catálogo, no necesitamos interactuar con él en manera alguna. Para conseguir que los datos de un formulario sean enviados por e-mail debemos usar las etiquetas ACTION, METHOD y ENCTYPE de la siguiente manera:

 <FORM ACTION="mailto:milogin@midireccion.es"
    ENCTYPE="text/plain"
    METHOD="post">
  <!-- ... -->
  </FORM>
 
       

Donde hemos usado como ejemplo la dirección de correo electrónico milogin@midireccion.es, que debe ser sustituida por aquella a la que queramos enviar los datos, que en general será la nuestra como creadores del Web.

La función del atributo ENCTYPE="text/plain" es enviar los datos sin ninguna codificación. Esto es conveniente para facilitar la lectura de los mismos, pero no necesaria. De hecho, en algunos casos aislados puede ser preferible no usar este atributo y usar la codificación por defecto.

Al pulsar sobre el botón de envío el navegador advertirá al usuario (ver figura 12.33) que la página quiere enviar un e-mail , si el usuario acepta enviará los datos del formulario.

Figura 12.33. Como método alternativo a los CGIs pueden mandarse los datos del formulario por correo electrónico. En ese caso el navegador pedirá al usuario confirmación de la acción.

Al contrarió que los CGIs, el método alternativo que envía por correo electrónico los datos del formulario puede no funcionar con algunos navegadores. Sin embargo actualmente un gran número de ellos, incluyendo Netscape Navigator , Internet Explorer y Opera, soporta esta característica, por lo que podemos usarlo con suficientes garantías.

Con este método alternativo podemos empezar a usar todos los formularios que hemos visto hasta ahora, y practicar con ellos. Cuando, más adelante, estudiemos a fondo los CGIs veremos como nuestras posibilidades se incrementan enormemente.

[editar]

194 opiniones

html

muy completo
fLakita

Me gustaria saber como se pone el signo de copyleft.
Gracias
sara

deberian poner como hacer un enlace a otra pagina desde un boton
luis

este tutorial esta fabuloso!
esta chivo

gracias por publicar cosas buenas
1 2 3 4 5 6 7 ... 39 | siguiente >

Cursos gratis relacionados con 'Curso completo de HTML'

Este es un curso tremendamente completo, guiado y con ejemplos y prácticas pensadas para convertirlo... Más »
El objetivo de este curso es aprender a programar en el lenguaje Ada, desde sus... Más »
Práctico y completo curso de hacking.
Completo curso de Linux, un sistema operativo gratuito y de libre distribución inspirado en el... Más »
Completo curso acerca de los virus informáticos, historia, clasificación, protección...

Autor y licencia de 'Curso completo de HTML'


Curso gratis de Jorge Ferrer, Víctor García y Rodrigo García. Extraido de: http://es.tldp.org/Manuales-LuCAS/doc-curso-html/doc-curso-html/ CopyLeft
Licencia GNU Free Documentation License: http://www.gnu.org/copyleft/fdl.html
Este contenido ha sido recopilado por el equipo de Wikilearning. Todo el contenido recopilado se ha obtenido respetando y comunicando en nuestro site la licencia de cada fuente.
Wikilearning tiene permiso expreso por escrito de los autores para publicar los contenidos que ha extraído de otras webs, incluyendo su uso comercial.