Campos de formulario
Dentro de un formulario puede haber varios tipos de controles. Algunos de ellos, pueden ser:
- Campos de texto.
- Campos para contraseñas.
- Selector de fecha.
- Botones de opción múltiple (radio).
Atributo name
Un formulario está pensado para recoger información de forma estructurada y ser enviada a un servidor para su tratamiento. Para conseguirlo, es necesario que el servidor pueda identificar todos los campos de un formulario. Esto se consigue con el atributo name.
El valor que indiquemos en el atributo name de un campo de formulario, será el identificador que se deberá usar para obtener la información introducida por el usuario.
Por ejemplo, supongamos un formulario como el siguiente:
El código HTML correspondiente al formulario anterior sería el siguiente:
<form action="" method="GET">
<input type="text" name="direccion" />
<input type="submit" value="Enviar" />
</form>
El el campo anterior se ha indicado direccion como valor del atributo name. Cuando el usuario envíe ese formulario al servidor, éste deberá utilizar el identificador direccion para obtener el contenido introducido por el usuario en ese campo.
Por ejemplo, supongamos que el usuario completa el formulario con el siguiente contenido y que pulsa Enviar:
Al utilizar el método GET, la información se envía a través de la URL de la siguiente forma:
https://8mexj2.csb.app/?direccion=Santiago
De esta URL, todo lo que está a la derecha de ? es información en forma de parámetros. Es decir, lo siguiente:
?direccion=Santiago
Vemos que direccion tiene como valor Santiago, que es lo que ha introducido el usuario. El servidor recibe esa información a través de la URL de la petición HTTP y podrá manipularla.
Si utilizamos el método POST, la información se envía a través del payload de la petición HTTP, la cual tiene menos limitaciones.
<form action="" method="POST">
<input type="text" name="direccion" />
<input type="submit" value="Enviar" />
</form>
Este método, por ejemplo, es el único que podemos utilizar para enviar imágenes al servidor.
Utilizando este método, la información se podrá ver únicamente con herramientas de desarrolladores, las cuales nos permitirían ver la información enviada.
Resumiendo, independientemente del método usado (GET o POST), todos los campos de un formulario deben llevar el atributo name para que puedan ser utilizados por un servidor. Aunque es interesante, no es necesario entender como funcionan las peticiones HTTP para la creación de formularios.