Un formulario en html es según el W3C una sección en un documento que incluye
- Contenido
- Código
- Elementos de controles
- Rótulos para controles
Se usa para que el usuario envie información al servidor.
Un formulario se compone de una serie de etiquetas englobadas dentro de la etiqueta principal <form>
form, dispone de 4 atributos que son:
action -> Este es el único atributo que es obligatorio incluir, el resto suelen tener valores por defecto. "action" espera una URL de destino ya sea absoluta o relativa donde enviar los datos que queramos del formulario. Si asemejamos el formulario a una carta, resultaría el destinatario de la misma.
method -> Es la forma de enviar los datos (que no el lenguaje) y puede obtener dos valores "get"(por defecto) y "post" (más seguro). A continuación un cuadro comparativo.
GET | POST | |
---|---|---|
Datos | Datos visibles en la URL | Datos no visibles |
Limitación | Limitado | Sin Límite |
Uso | Favoritos Formularios de búsqueda |
Contraseñas Ficheros Formularios de registro |
accept-charset -> Este atributo define una lista de juegos de caracteres separados por comas, en los que puede ir codificado el formulario que enviemos. Los juegos de caracteres más usuales son UTF-8 e ISO-8859-1(Latin1)
enctype -> Define el tipo de codificación usada a la hora de enviar el formulario ya sea:
- application/x-www-form-urlencoded (por defecto) Convierte los espacios en suma y los carácteres especiales en valores Acsii.
- multipart/form-data Para subir ficheros mediante el formulario.
- text/plain Convierte también los espacios en signos de sumar pero no transforma el resto de carácteres.
Un ejemplo quedaría así:
<form action="http://rutaabsolutaorelativa" method="post">
Aquí irá el resto del contenido
</form>
El resto de etiquetas más importantes son las siguientes: (si los links no están activos es que aún no he publicado un post para cada una de ellas)
input
select
textarea
label
fieldset