La estructura de un formulario va incluída dentro de las etiquetas <form></form>. Tiene dos parámetros que deben aparecer obligatoriamente: action y method.
action = Indica la acción que debe emprenderse con los datos. Una de las acciones más comunes es enviar los datos a un correo electrónico por lo que quedaría de la siguiente manera:
<form action = "mailto:micorreo@xxx.com" >
method = Indica el método utilizado para transferir los datos. POST es usado para enviar datos al servidor para sea procesados. POST modifica el documento de destino. GET no produce cambios en el documento destino y sirve, entre otras cosas, para hacer consultas a una base de datos.
Existen diferentes formas de presentar la recogida de datos con un formulario. Las etiquetas que se utilizarán, dependiendo de los casos y de las necesidades, serán: <input>, <select> y <textarea>.
1.- Campos de texto y botones: etiqueta <input>
Con la etiqueta <input> se crean campos de texto y botones. Sus parámetros son:
name que indica el nombre que se le dará al campo.
type que indica el tipo de variable a introducir. A continuación se indican en una tabla los parámetros que, a su vez, puede llevar cada type (dependiendo si es text, checkbox, radio, etc).
Valores de type
Parámetros
Código HTML y Resultado final
type= "text"
(campo de texto)
name = nombre del campo
maxlenght = Indica el número máximo de caracteres que se pueden introducir en el campo.
size = Indica el número de caracteres que se mostrará en pantalla. Con este valor podemos alargar o acortar la "ventana" del campo de texto.
value = Si queremos que el campo muestre un valor por defecto o inicial.
Este es un campo de texto que sirve para la introducción de contraseñas. Mostrará puntos negros en lugar de las letras escritas. Sus parámetros opcionales son los mismos que para text (name, maxlength, size).
Sirve para enviar archivos. Para utilizar este tipo de entradas hay que utilizar el atributo enctype con el valor "multipart/form-data" dentro de la etiqueta <form>.
Crea tu web Tutorial HTML Trucos HTML Trucos Dreamweaver 