practica #15

Los formularios se utilizan para recoger datos de los usuarios, nos pueden servir para realizar un pedido en una tienda virtual, crear una encuesta, conocer las opiniones de los usuarios, recibir preguntas, hacer suscripciones a un boletín o revista que editemos, etc.

Una vez el usuario rellena los datos y pulsa el botón para enviar el formulario se arrancará un programa que recibirá los datos y hará el tratamiento correspondiente (una base de datos por ejemplo).

Aquí vamos a ver cómo crear el formulario básico, (insertar campos y botones en el formulario y validarlos) , pero no la parte de tratamiento de los datos, ya que para ello se necesitan nociones de programación, ya sea en SQL, en JavaScript o en otro lenguaje de programación, y esto no entra en los objetivos de esta lección.

Un formulario está formado, entre otras cosas, por etiquetas, campos de texto, menús desplegables, y botones.

 Elementos de formulario

Los elementos de formulario pueden insertarse en una página a través del menú Insertar, opción Objetos de formulario. A través de esta opción se puede acceder a la lista de todos los objetos de formulario que pueden ser insertados en la página. Vamos a ver uno por uno algunos de los distintos elementos que pueden formar parte de un formulario, así como algunas de sus propiedades.

Campo de texto y Área de texto: Permiten añadir un cuadro de texto. El Campo de texto solo permite escribir una línea al usuario, mientras que el Área de texto permite escribir varias. Se puede pasar de Campo de texto a Área de texto a través del inspector de propiedades. También es posible definirlo como Contraseña. A continuación tienes un ejemplo de cada uno de estos tres tipos. 

Formulario web (practica13)

Un formulario web dentro de una página web permite al usuario introducir datos los cuales son enviados a un servidor para ser procesados. Los formularios web se parecen a los formularios de papel porque los internautas llenan dichos formularios usando casillas de selección, botones de opción, o campos de texto. Por ejemplo, los formularios web pueden ser usados para introducir datos de envío o datos de una tarjeta de crédito con el objetivo de solicitar un producto o bien ser utilizada para solicitar datos (p. ej., al buscar en un motor de búsqueda).
Además de servir como plantillas para nueva información, los formularios web también pueden ser usados para consultar y mostrar información existente en forma similar a los formularios de combinación de correspondencia, incorporando las mismas ventajas. La separación entre la estructura y los datos subyacentes de un mensaje permite a ambos variar independientemente. El uso de formularios webs para este propósito evita los problemas asociados con la creación explícita de páginas web separadas para cada registro en una base de datos.
Los formularios web están definidos en lenguajes de programación como HTML, Perl, Java o .NET. Las implementaciones de estos lenguajes usualmente invocan automáticamente los idiomas de la interfaz de usuario y otras de sus características, tales como el diseño estructural, y tema, minimizando el tiempo, el costo y el tiempo de programación.

Los siguientes elementos pueden formar parte de un formulario del lado del usuario:

• Input
  • Text: una caja de texto que permite ingresar una sola línea de texto.
  • Checkbox: una casilla de selección.
  • Radio: un botón de opción.
  • File: un examinador para subir archivos.
  • Reset: un botón de reinicio que al activarse le dice al navegador que restaure los valores del formulario a su estado inicial
  • Submit: un botón que le dice al navegador que realice la acción del formulario (referido típicamente a mandarlo al servidor).
•          Textarea: muy parecido a la caja de texto pero con la posibilidad de escribir múltiples líneas.
•           Select: una lista de ítems que el usuario puede seleccionar.

La imagen de ejemplo de la derecha muestra todos estos elementos:

• Una caja de texto que permite ingresar un nombre.
• Un par de botones de opción para seleccionar el sexo.
• Una lista de colores de ojos a elegir.
• Un par de casillas de selección que son seleccionadas si se aplican al usuario.
• Un área de texto que describe la habilidad atlética.
• Un boton submit para enviar la información al servidor.