Formularios (X)HTML
Sirven para formar aplicaciones que permitan interactuar con el usuario, tales como el formulario de contacto, envio de comentarios, foros, upload carga de archivos, buscadores, registro de cuentas, etc.
Para que los formularios generen aplicaciones deben complementarse con otros lenguajes como el php, asp, perl, mysql, etc.
Elementos HTML para Formularios
- Form: Elemento de apertura del formulario HTML, entre los principales atributos del elemento form tenemos:
- Action Señala la dirección url que se encargara de procesar la información del formulario.
- method tiene dos valores de procesado del formulario (post o get)
- Input Sirve para controlar el comportamiento de las secciones del formulario
- type: puede tomar los valores: button, submit, reset, image, hidden, radio, checkbox, password, file, text.
- name: Necesariemente debe tomar un valor que identifique, para el procesado del formulario.
- value: Asigna un nombre al control del formulario.
- size: Determina el tamaño de los controles del formulario, mientras que para los password y text, señala la cantidad de caracteres que se pueden ingresar.
- Fieldset: Permite agrupar de manera ordenanda varios campos del formulario.
- Legend: se utiliza conjuntamente con el elemento fieldset, legend inserta el título descriptivo de los campos agrupados con fieldset.
- Label: utilizado para añadir y ordenar el nombre de los campos del formulario
- Textarea: Permite introducir texto por parte del usuario, frecuentemente utilizado en comentarios de blogs y envio de formularios de contacto.
- rows Indica el número de filas de texto, (altura del campo del formulario)
- cols Cantidad de caracteres de texto por fila, (Ancho del campo del formulario)
- select Genera listas desplegables
- option Marca los elementos de la lista desplegable
1. Ejemplo de formulario para una busqueda:
Código HTML:
<form action="" method="post">
<input name="search" value="" type="text" />
<input name="submit" value="Buscar" type="submit" />
</form>
El Resultado del formulario es:
2. Ejemplo de formulario de inicio de Sesión:
Código HTML:
<form method="post" action="./foro/action.php">
<div>
<label>User:</label>
<input name="user" size="10" type="text" />
</div>
<div>
<label>Pass:</label>
<input name="passwrd" size="10" type="password" />
</div>
<div>
<label>logearte automáticamente:</label>
<input name="cookieneverexp" checked="checked"
type="checkbox" />
<input class="mkbutton" value="Login" name="submit"
type="submit" />
</div>
</form>
El Resultado del formulario es:
Las etiquetas vacias como input deben cerrar con "/" al final.
