jueves, 26 de marzo de 2015

2.7 Formularios



Los formularios son una característica del estándar HTML que permite a los autores llevar datos del exterior al interior de nuestro sistema. Esto se logra mediante componentes que transportan diversos tipos de datos para múltiples aplicaciones donde tu imaginación es el límite
Los formularios están delimitados con la etiqueta <form> ... </form>, que permite reunir varios elementos de formulario, como botones y casillas de texto y que debe poseer los siguientes atributos:

  • method indica cómo se enviarán las respuestas "post" es el valor que envía los datos al agente de procesamiento almacenándolos en el cuerpo del formulario, en tanto que "get" envía los datos agregándolos a la dirección URL y separándolos de la dirección con un signo de interrogación.
  • action indica la dirección a la que se enviará la información (una url o dirección de correo electrónico: mailto:dirección_de_correo@equipo)
  • target nos permite mostrar el resultado en la ventana deseada:
    • target = '_blank' Fuerza que el documento referenciado por el enlace sea mostrado en una nueva ventana del navegador.
    • target = '_self' El documento referenciado se mostrara en la misma ventana
La sintaxis genérica para la etiqueta form:

<form name='nombre' method='get/post'
         action='url' target = '_blank/_self'
         enctype = 'x-www-form-urlencoded'>
       ...Cuerpo del formulario</form>

La etiqueta form actúa como una especie de contenedor para almacenar elementos que permiten al usuario seleccionar o introducir datos. Todos los datos se enviarán a la dirección URL indicada en el atributo action de la etiqueta form, por el método indicado en el atributo method.
Un ejemplo básico es:

<form method='post'
    action='http://www.prograweb.com.mx'>
  <input type='submit' value='Enviar' />
</form>

Se puede insertar cualquier elemento HTML en una etiqueta form (como botones, hipervínculos, tablas y texto), pero los elementos interactivos son los más interesantes. Estos elementos interactivos son:

  • La etiqueta input: Todos los botones y casillas de texto
  • La etiqueta textarea: una casilla de texto
  • La etiqueta select: una lista de opciones múltiples
Atributos de etiquetas form y tipos de entrada







No hay comentarios:

Publicar un comentario