HTML/Formulario de captura de datos

Formularios

Los formularios se pueden utilizar para enviar datos a través de la red y son de uso frecuente como formularios de contacto para convertir la información digitada por un usuario en un email, tal como el que usamos en la wikiversidad.

En las páginas, las formularios son inútiles. Necesitan estar vinculados a un programa que procese los datos digitados por el usuario. Éstos toman todo el contenido y lo envian fuera del sitio web. Si utilizas un Proveedor de Servicios de Internet para publicar(hostear)tu HTML, podrán ayudarte con esto y probablemente te darán instrucciones claras y sencillas de cómo, por ejemplo, convertir un formulario en un email de trabajo.

Las etiquetas básicas usadas en HTML para formularios son form, input, textarea, select y option.

form define el formulario y dentro de esta etiqueta, hay un atributo de action requerida que le dice al formulario a donde será enviado su contenido cuando se envíe.

El atributo opcional method dice al formulario como van a ser enviados los datos y puede tener los valores get (establecido por defecto) o post.

Un formulario se vería así:

<form action="processingscript.php" method="post"> ... </form>

La etiqueta input es la más importante del formulario. Puede tomar diez formas que describiremos a continuación:

• <input type="text" /> es un cuadro de texto estándar. Puede tener un atributo value, que indica el texto inicial en la caja de texto.
• <input type="password" /> es similar a un cuadro de texto pero que oculta su contenido, usado para escribir contraseñas.
• <input type="checkbox" /> es un campo de selección que permite marcar un elemento con una marca de aceptación.
• <input type="radio" /> es un campo de selección que permite escoger entre una serie de elementos usando un símbolo circular.
• <input type="file" /> campo de texto que permite escoger un fichero local al navegador para ser enviado al servidor.
• <input type="submit" /> botón de envío del formulario.
• <input type="image" /> elemento que permite usar una imagen como botón
• <input type="button" /> muestra un botón para uso genérico.
• <input type="reset" /> muestra un botón que permite borrar el contenido del formulario a su valor inicial.
• <input type="hidden" /> campo oculto que no muestra nada, para gestión interna de la página web.
• <textarea /> similar al cuadro de texto pero permite incluir varias líneas de texto.

Referencia

• form
• input
• textarea
• select
• option

Nota:Esta lección es parte del portal Diseño Web.

Proyecto: Diseño Web

Anterior: HTML Básico - Lección 3 — Formulario de captura de datos — Siguiente: HTML Básico - Lección 5