Los Formularios, son una gran herramienta en la web para lo que son los logueos y los registros de Usuarios, pero mas que solo diseñarlos hay que darles funcionalidades para que estos no dejen pasar datos vacíos o datos que no pertenece con lo que el formulario indica. Por ejemplo no seria conveniente dejar pasar un registro con nombres vacíos o en ves de poner una dirección de correo correcta se ponga cualquier otra cosa.

Para validarlos existen muchos lenguajes que nos pueden permite eso entre los cuales el destacado es JavaScript, pero quizás hoy en día ya no es el mas adecuado si de ahorrar código y tiempo se trata. Si antes la Alternativa mas eficaz era JavaScript ps ahora ya no lo es se ha implementado en la nueva Tecnología HTML5 la manera de validar formularios con solo un atributo el cual aprenderemos en esta entrada.

Indagando un poco entre los gadgets que ofrece Blogger me encontré con uno que nos puede ser de mucha utilidad al interactuar con nuestros visitantes, este gadget es un formulario muy practico y fácil de usar para los visitantes. La función principal de este gadget es que tus visitante o lectores pueden enviarte mensajes para pedir ayuda, hacerte una critica o darte una opinión y lo hagan de forma privada y no públicamente por comentarios. En esta entrada aprenderemos a añadir este gadget y algunas propiedades que este tiene ademas de hablar un poco de su funcionamiento.

En esta entrada crearemos un Formulario de Registro Con HTML y CSS, de una manera muy fácil y concreta, no me pasare la entrada explicando detalladamente las lineas de código que utilizaremos ya que en entradas anteriores vimos los Objetos de Formulario, sus propiedades y como usarlos; Si aun no tienen idea de como funcionan, les recomiendo visitar las entradas respecto a Objetos de Formulario.

En esta entrada crearemos un Formulario con HTML, aplicando el uso de Tablas y para concretar daremos un poco de CSS , para darle una apariencia personalizada. Si no tienen muy centrada la idea de trabajar con Tablas HTML, pueden tomarse un tiempo por nuestras entradas sobre TABLAS HTML.

En esta entrada aprenderemos paso a paso a crear un Formulario básico, teniendo en cuenta algunos de los objetos de formularios que hemos venido enseñando en este Blog.

Con HTML se puede crear un campo para cargar archivos, en los cuales el usuario puede seleccionar un archivo de su sistema, como un documento de texto, imágenes, vídeos, etc y cargarlos a un servidor. Un campo de archivo tiene la apariencia de un campo de texto pero ademas contienen un Botón, el usuario puede introducir la ruta del archivo que desea cargar manualmente  o buscarla mediante el botón, el cual normalmente lleva el nombre de Examinar. En esta Entrada ejecutaremos un ejemplo para tener una mejor comprensión.

Nuestro campo para cargar archivos sera creado en la etiqueta <input> en la cual añadiremos el atributo type="file", dicho atributo es el que permite obtener mencionado campo.

Los botones controlan las operaciones de los formularios. se utilizan los botones para enviar datos del formulario a un servidor o para restablecer los valores del formulario. Estos botones normalmente son llamados Enviar y Restablecer. También se puede asignar otros procesos definidos por un script.

Ahora crearemos los botones, el botón de Enviar, la cual sera creada en la etiqueta <input> asignándolo el atributo type="submit",  el cual permite enviar los datos del formulario al momento de hacer clic en el botón,  los datos se enviaran a la dirección seleccionada en el atributo action del formulario; el botón de Restablecer el cual también sera creado en la etiqueta <input> y a este se le asignara el atributo type="reset", el cual permite que se borre el contenido del formulario al hacer clic en el boton.

Un menú de formulario HTML permite a un visitante seleccionar uno o mas elementos de una lista. Los menús son útiles cuando se dispone de una cantidad de espacio limitada pero se necesita mostrar muchos elementos. También son útiles cuando se desean controlar los valor devueltos al servidor.A diferencia de los campos de texto, en los que el usuario puede escribir todo lo que desea, incluso datos no validos, en los menús se establecen los valores exactos, que se deben enviar al servidor.

Los botones de Opciones, a diferencia de las casillas de verificación las cuales permiten seleccionar mas de una opción a la ves, este objeto de los formularios solo  permiten marcar  una opción  de las lista de opciones que se muestran, esto podría ser útil a la hora de llenar formularios que tengan datos generales para todos pero a la ves  solo uno de estos datos  puede pertenecer a cada usuario o persona. por ejemplo, a la hora de marcar: el sexo, el signo, etc.

Así de forma general el código para crear Botones de opción seria :

<input type="radio">

Las casillas de verificación en HTML permiten a los usuarios seleccionar de un listado de opciones, una o mas de las opciones de la lista. Estas pueden ser una buena herramienta para formularios que tienen como finalidad recaudar diversos tipos de datos de una persona, así como también para la selección de diversas respuestas según venga el caso.

En esta publicación nos centraremos en la creación de las casillas de verificación de manera fácil y concreta.

Como ya vimos en diversas entradas sobre objetos de los formularios, al igual que muchos de esos objetos las casillas de verificación también son creadas a base de la etiqueta <input>.

En muchos casos al llenar formularios es notable dejar comentarios o textos de varias lineas, y debido a que son textos de varias lineas un campo de texto no es muy estético a la hora de cubrir este característica,  por eso en HTML para lograr colocar textos diversos existe un objeto denominado comúnmente área de texto o caja de texto. En este campo podemos ingresar textos en varias formas de una manear libre, donde incluso podemos agregar saltos de linea.

Las etiquetas que nos permitirán crear nuestra caja de textos son las siguientes : <textarea> y </textarea>

En los formularios un objeto que es muy útil y a la ves muy usado son los campos de contraseña. En los campos de contraseña podemos ingresar la información y esta se vera de forma encriptada, este tipo de campos es muy usado por las paginas con login que requieren un usuario y una contraseña

En esta publicación aprenderemos a crear un campo de contraseña y los diferentes atributos que intervienen para la personalización de este.

Al igual que en los campos de texto se procede de la misma manera con la única diferencia el atributo type="password"

Uno de los objetos mas usados a la hora de crear formularios son los campos de texto.En los campos de texto podemos ingresar cualquier tipo de información, como : nombres, fechas, números, etc.

En esta publicación aprenderemos a crear un campo de texto y los atributos que intervienen para que este pueda ser efectivo a la hora de enviar información a trabes de la web.

Los formularios permiten obtener información de los visitantes del sitio web. Los visitantes introducen información utilizando objetos del formulario como campos de texto, cuadros de lista, botones de opciones, casillas de verificación  los cuales son enviados por un botón especifico.

Los formularios HTML están delimitados por las etiquetas <form> y </form>, entre los que se deben encontrar los elementos que componen el formulario, así como cualquier otro elemento HTML que necesitemos como imágenes, enlaces, tablas, etc. En un documento HTML puede haber varios formularios como se necesite, pero no pueden estar anidados(uno dentro de otro).