Formularios HTML
los formularios son elementos en las paginas web los cuales permiten la recoleccion de informacion proveniente de un usuario hacia un servidor web el cual los procesa. Existen diversos tipos de formularios; formularios de registro, formularios de comentarios, formularios de contacto etc.
Las etiqueta escencial de HTML para un formulario es <form> es la que lo forma y todos los elementos que lo comprendan deberan ir dentro de esta etiqueta y su etiqueta de cierre. Entre los atributos que se pueden utilizar para esta etiqueta tenemos a "action" que indica el destino o la url a donde ira a parar la informacion. Por otra parte esta el atributo "method" y es utilizado para definir la forma de envio, existen dos valores, GET y POST, si no se define por defecto se utilizara GET.
Con la etiqueta input se definen los controles que llevara un formulario los cuales pueden ser: texto, casillas de verificacion, casillas de opcion, archivos, texto enmascarado(contraseñas), ocultos y botones. Cabe destacar que esta etiqueta no tiene cierre. el atributo "name" se usa para darle el nombre del elemento input. En el caso del atributo "type" es el encargado de establecer que sera dicho control. Si se utiliza un input de tipo texto se podria aplicar un atributo de "maxlength" esto nos permitira limitar el numero de caracteres en ese campo. En el caso del atributo "size" es el encargado de mostrar el numero maximo de caracteres en un formulario. En este caso se puede utilizar el atributo "value" para ver el valor de dicho campo, de esa manera en el campo estara escrito una palabra alusiva a su uso el cual es usuario debera borrar para poder utilizar. Los inputs de tipo checkbox insertan casillas de verificacion, para ello todos los atributos "name" deben tener el mismo nombre, para que una casilla se marque por defecto se utilza checked, en este caso se debe añadir obligatoriamente el atributo "value" debido a que sera el nombre a mostrar en la casilla. Para las casillas de verificacion se debe utilizar si o si el atributo "name" con el mismo nombre. Los inputs de tipo file permiten subir archivos al formulario. En los botones va a depender cual sera su uso, en aquellos de tipo submit se usan para enviar la informacion, los botones de tipo reset reestablecen el formulario borrando la informacion que se coloca en ellos,
La etiqueta <Select> permite crear listas desplegables y listas de seleccion multiple, se debe usar el atributo name pero ademas se usa el atributo "multiple" para poder seleccionar varias opciones. Para definir las opciones de esa lista se usa la etiqueta <option> que debe contar con un atributo "value" para mostrar la opcion. Si un elemento de esa lista tiene un sub elemento la etiqueta <optgroup> junto con el atributo "label" permite crear una especie de "lista de descripcion" siendo aquel texto implicado en el atributo "label" no seleccionables. Para aquellos tipos de formularios en donde se especifica una descripcion de algo y esta opcion es larga se usa la etiqueta <textarea> endonde el atributo name es indispensable y se utilizan dos mas el "cols" que define la anchura y "rows" que define el alto. la etiqueta fieldset permite agrupar ciertos tipos de datos que tengan algo en comun por ejemplo datos de contacto, metodos de pago entre otros dibujando un marco entre ellos, para que ese marco lleve la identificacion es muy recomendable utilizar la etiqueta <legend>.
Las etiqueta escencial de HTML para un formulario es <form> es la que lo forma y todos los elementos que lo comprendan deberan ir dentro de esta etiqueta y su etiqueta de cierre. Entre los atributos que se pueden utilizar para esta etiqueta tenemos a "action" que indica el destino o la url a donde ira a parar la informacion. Por otra parte esta el atributo "method" y es utilizado para definir la forma de envio, existen dos valores, GET y POST, si no se define por defecto se utilizara GET.
Con la etiqueta input se definen los controles que llevara un formulario los cuales pueden ser: texto, casillas de verificacion, casillas de opcion, archivos, texto enmascarado(contraseñas), ocultos y botones. Cabe destacar que esta etiqueta no tiene cierre. el atributo "name" se usa para darle el nombre del elemento input. En el caso del atributo "type" es el encargado de establecer que sera dicho control. Si se utiliza un input de tipo texto se podria aplicar un atributo de "maxlength" esto nos permitira limitar el numero de caracteres en ese campo. En el caso del atributo "size" es el encargado de mostrar el numero maximo de caracteres en un formulario. En este caso se puede utilizar el atributo "value" para ver el valor de dicho campo, de esa manera en el campo estara escrito una palabra alusiva a su uso el cual es usuario debera borrar para poder utilizar. Los inputs de tipo checkbox insertan casillas de verificacion, para ello todos los atributos "name" deben tener el mismo nombre, para que una casilla se marque por defecto se utilza checked, en este caso se debe añadir obligatoriamente el atributo "value" debido a que sera el nombre a mostrar en la casilla. Para las casillas de verificacion se debe utilizar si o si el atributo "name" con el mismo nombre. Los inputs de tipo file permiten subir archivos al formulario. En los botones va a depender cual sera su uso, en aquellos de tipo submit se usan para enviar la informacion, los botones de tipo reset reestablecen el formulario borrando la informacion que se coloca en ellos,
La etiqueta <Select> permite crear listas desplegables y listas de seleccion multiple, se debe usar el atributo name pero ademas se usa el atributo "multiple" para poder seleccionar varias opciones. Para definir las opciones de esa lista se usa la etiqueta <option> que debe contar con un atributo "value" para mostrar la opcion. Si un elemento de esa lista tiene un sub elemento la etiqueta <optgroup> junto con el atributo "label" permite crear una especie de "lista de descripcion" siendo aquel texto implicado en el atributo "label" no seleccionables. Para aquellos tipos de formularios en donde se especifica una descripcion de algo y esta opcion es larga se usa la etiqueta <textarea> endonde el atributo name es indispensable y se utilizan dos mas el "cols" que define la anchura y "rows" que define el alto. la etiqueta fieldset permite agrupar ciertos tipos de datos que tengan algo en comun por ejemplo datos de contacto, metodos de pago entre otros dibujando un marco entre ellos, para que ese marco lleve la identificacion es muy recomendable utilizar la etiqueta <legend>.