Formularios html

Solo disponible en BuenasTareas
  • Páginas : 8 (1949 palabras )
  • Descarga(s) : 0
  • Publicado : 10 de mayo de 2011
Leer documento completo
Vista previa del texto
Formularios en HTML.
Los formularios son una característica del estándar HTML (lenguaje de marcas hipertextual) que permite a los autores colectar información provista por los visitantes. Estos formularios pueden ser útiles para recolectar información personal, información de contacto, preferencias u opiniones, o cualquier tipo de entrada por parte del visitante que el autor pueda necesitar. Eneste tutorial exploraremos todas las características disponibles para construir formularios en documentos HTML.
Un formulario puede ser insertado en un documento HTML mediante el tag HTML form el cual actúa como contenedor para todos los elementos de entrada (input). Toda la información recolectada por un formulario puede ser entregada a un agente procesador que es usualmente especificado en elatributo "action" (el cual puede ser suprimido mediante el uso de JavaScript). Lo que el agente procesador hace con la información y cómo la maneja es un tema que no será tratado en este sitio dado que no pertenece al estándar HTML. Para manejar datos de un formulario debes usar un script del lado servidor.
También puedes necesitar especificar cómo la información será enviada en el valor delatributo "method": "post" (los datos son adjuntados al cuerpo del formulario) o "get" (los datos son adjuntados a la URL (localizador uniforme de recursos)). Se supone que el agente procesador conoce y maneja el método de envío del formulario.
De esta forma, un formulario simple puede tener la siguiente declaración:

...Controles...

Elementos de entrada (input).
La mayoría de los elementos deentrada son visuales y pueden interactuar con el usuario. Su uso depende del tipo de control y también del tipo de información que pueden recolectar. Los elementos de entrada de un formulario pueden ser definidos usando tres tags: el tag HTML input, el tag HTML button, el tag HTML select y el tag HTML textarea. En este tutorial dividiremos los controles de acuerdo con su funcionalidad. Nota: comolas descripciones y atributos de cada control son tratados brevemente en este tutorial, por favor refiérete a dichos tags para más información.
Observa que el atributo "name" de cada control será el nombre utilizado para identificar los datos para el agente procesador, y el valor dependerá de la naturaleza del control (algunas veces, como en las casillas de verificación o botones radio, será elcontenido del atributo "value").
Entrada de texto
Existen tres tipos de entradas de texto que pueden recolectar información textual como nombres, comentarios, etc.
Entrada de texto de línea
Este control recopila información textual en una sola línea, lo que significa que el usuario no podrá utilizar la tecla "enter" para ir a la siguiente línea. Este control es insertado en documentos HTML usandoel tag HTML input con el valor "text" para el atributo "type".

Ingresa texto:

Ingresa texto:
El valor pasado al agente procesador será el texto ingresado por el usuario, o sea el contenido dentro de la caja de texto.
Entrada de texto contraseña (password)
Este control actúa exactamente como la entrada de texto de línea, con la excepción de que este control "esconde" los caracteresmostrándolos como puntos o asteriscos para evitar que los usuarios vean el texto ingresado. Es comúnmente usado para el ingreso de contraseñas.

Ingresa contraseña:

Ingresa contraseña:
El valor pasado al agente procesador será el texto ingresado por el usuario, o sea el contenido dentro de la caja de texto.
Entrada de texto de múltiples líneas.
Este control permite a los usuariosingresar texto en una o más líneas. Es insertado utilizando el tag HTML textarea y puede ser usado para recolectar párrafos, comentarios, cartas, etc. En este tag, el contenido será el valor inicial del texto.

Ingresa tus comentarios:...Tus comentarios aquí...

Ingresa tus comentarios:

Nota que los atributos "rows" y "cols" establecen las dimensiones de la caja de texto y son...
tracking img