Construcción de formularios II

Construcción de formularios II

Siguiendo con la construcción de un formulario web desde cero, aquí traemos la segunda parte de la entrada.

El atributo permite especificar a qué formulario pertenece el campo que se está solicitando especificando el atributo identificador del formulario. De esta forma se puede situar un campo incluso fuera del formulario, pero indicando que pertenece a un formulario concreto, de manera que cuando los datos son enviados, se envía también el dato situado fuera del formulario.

La sintaxis del atributo es la siguiente:

 

El atributo permite especificar una URL distinta de envió, sobrescribiendo la que aparece en el atributo action, del formulario. De esta forma es posible situar diferentes botones de envió de formulario, enviando los datos a diferentes sitios según se pulse un botón u otro.

El atributo se ha de utilizar cuando el atributo type, del campo tenga un valor submit, o image.

La sintaxis es esta:

El atributo permite especificar como han de ser codificados los datos del formulario, cuando este sea enviando. Se aplica solo a botones de formulario de tipo submit o image. Solo se debe utilizar cuando el atributo method, tiene asignado un valor “POST”. El atributo sobrescribe el método de envió del formulario, permitiendo enviar según el botón de envió que se pulse con un método de codificación diferente a distintos sitios.

Existen diferentes valores para el atributo:

Valor Descripción
application/x-www-form-urlencoded Es el valor predeterminado por defecto. Todos los caracteres son codificados, los espacios en blanco son convertidos en símbolos “+”, y los caracteres especiales, convertidos a sus valores hexadecimales en ASCII.
multipart/form-data Los datos no son codificados, se ha de utilizar cuando se envíen archivos asociados al formulario, con el control de carga de archivos.
text/plain Los datos son codificados, convirtiendo los espacios en blanco en símbolos “+”, mientras que los caracteres especiales no son convertidos.

Quedando así:

< input type=”submit|image” formenctype=”valor” >

El siguiente ejemplo muestra el uso del atributo en un formulario, que solicita un archivo de tipo imagen.

Construcción de formularios I

Construcción de formularios I

Los formularios permiten que el usuario pueda introducir datos en el documento web para posteriormente enviarlos y tratarlos en el servidor, almacenarlos en una base de datos, interactuar con el usuario etc.

A la hora de crear formularios de cero hay ciertas etiquetas y valores que deberán contener. Comenzando por lo más básico, la etiqueta <form>, es la que permite definir el formulario de datos, crea un contenedor dónde se albergarán las propiedades y elementos del formulario.

Un formulario suele está constituido por varios elementos de entrada de datos,  como campos de texto, casillas de verificación, botones de radio, listas de selección, areas de texto, etc. Y por supuesto, al menos un elemento de envío.

Vamos a ver la sintáxis básica de un formulario:

Este atributo permite establecer el conjunto de caracteres que ha de utilizar el formulario para el envió de información al servidor. Si no se establece el atributo se toma por defecto el valor “UNKNOWN” (“Desconocido”), el cual aplica el conjunto de caracteres que tenga aplicado el documento web.

La sintaxis para definir esta etiqueta con el atributo accept-charset es la siguiente:

Los conjuntos de caracteres que más se suelen utilizar son UTF-8 y ISO8859-1, que se corresponden con la codificación Unicode y el juego de caracteres para el alfabeto Latín.

El atributo permite especificar donde han de ser enviado los datos del formulario, cuando este es enviado.

Normalmente suele ser un documento web, escrito en un lenguaje de programación de servidor, el cual se encarga de procesar los datos.

Se ha de especificar la ruta relativa o absoluta al recurso encargado de procesar la información.

La sintaxis de la etiqueta con el atributo es la siguiente.

 

El atributo especifica que el formulario pueda utilizar las entradas de datos anteriores que pueda haber realizado el usuario, para autocompletar los campos que son solicitados por el formulario.

Se puede establecer como valores posibles on, que indica la activación. Y off, indicando que el auto completado estaría desactivado.

Si se establece el valor del atributo como activado, se pueden indicar campos del formulario como desactivados y viceversa.

La sintaxis del atributo es la siguiente.