ProgramacionWeb - Ayuda al webmaster
No has iniciado sesión
Conectar al sistema | Registrar usuario
Cursos Cuestionarios Curso de HTML Capítulo
 
13 votos
Formularios HTML
 
 
Un formulario es un entorno de interaccion con el visitante de una página web, en su interior encontramos un seguido de campos de formulario editables por el usuario, que le permiten enviar informacion a nuestro servidor donde la podremos tratar por ejemplo con PHP.

El formulario engloba todos los campos de formulario que encontramos entre las etiquetas de inicio y final de formulario, <form> y </form> respectivamente:
Campo de texto - El usuario puede insertar un texto de una linea
Area de texto - El usuario puede insertar un texto de tantas lineas cómo quiera
Casilla de verificacion - El usuario seleccionar o no una opcion
Boton de opción - El usuario puede seleccionar una opcion de una lista
Campo desplegable - El usuario puede escoger una o mas opciones de la lista
Campo de archivo - El usuario puede enviar un archivo al servidor

...
Asimismo y para configurar dicho formulario, en la etiqueta de inicio de formulario podemos añadir ciertos atributos cómo por ejemplo:
action - Define la direccion del programa que tratará los datos enviados, esta será asimismo la direccion que verá el usuario una vez enviados los datos
method - Define la manera en que són enviados los datos del formulario, pudiendo ser GET ( Datos visibles en la barra de direccion ) o POST.
enctype - Define como encriptar los datos del formulario, no es frecuente usarlo.
Veamos un ejemplo de formulario con unos campos variados en su interior:
 
000 
001 
002 
003 
004 
005 
006 
007 
008 
009 
<form method="POST" action="index.php">
 Nombre<br>
 <input type="text" name="T1" size="20">
 <br><br>
 Texto<br>
 <textarea rows="2" name="S1" cols="20"></textarea>
 <br><br>
 <input type="submit" value="Enviar" name="B1">
 <input type="reset" value="Restablecer" name="B2">
</form>
 
Este formulario contiene un campo de texto, uno de texto multilinea, un boton enviar y uno reestablecer.
 
Anterior y siguiente
Tablas
 
Comentarios
Este artículo no ha sido comentado hasta el momento
 
Resolver dudas
Si tienes problemas o dudas con el contenido del artículo no dudes a preguntar en los foros de HTML de Programación Web indicando el artículo al que te refieres.