Estructura básica de formularios en HTML

Los formularios son una parte esencial para crear páginas web dinámicas, pueden servirnos para crear chats, cuentas de usuario o cualquier cosa que se nos ocurra siempre que usemos algún otro lenguaje (como php o bases de datos de MySql). Primero empecemos con la estructura esencial en un formulario:

<form action="pag2.php" method="post"> <input type="text" name="nom" size="10> <input type="submit" value="send">

Y el resultado:

Ahora expliquemos el código línea por línea:

<form action="pag2.php" method="post">

form nos marca que es el inicio de un formulario, a esto le añadimos action y method. Action nos dice a que pagina se dirigirá la información del formulario al utilizar el botón de send. Ésta página será la que procese la información (pero esto lo veremos cuando empecemos con php, todavía no). Method nos dice la forma en que se enviarán los datos del formulario, normalmente se utiliza post como método enviándose así los datos con el cuerpo del formulario. Si utilizamos get los datos se envían con la cabecera (podremos verlos en la url al enviar el formulario).

<input type="text" name="nom" size="10>

En esta línea se nos presenta input y como parámetros type, name y size. Type nos indica lo que crearemos, en este caso text (un cuadro de texto). Name es importante más adelante para pedir la información del formulario. Size nos indica la cantidad de caracteres que se podrán visualizar, pero no indica el máximo que se podrán poner.

<input type="submit" value="send">

Finalmente aquí tenemos type="submit", éste sirve para definir el botón que servirá para el envío de la información a pag2.php tal y como hemos dicho antes. Value simplemente nos marca qué será lo que nos muestre el botón.