8.- Lo fundamental de los formularios.
Fundamental en toda Web son los formularios. Los formularios ayudan a recoger tipos de información concreta, pero no solo eso, también nos permite asegurarnos que los datos han sido grabados en los campos mediante el procedimiento conocido como validación. De la validación nos ocuparemos en otro artículo, ahora nos limitaremos a los campos fundamentales de los formularios.
El formulario se inicia con la etiqueta form, el método de transmisión de los datos, que en este caso es POST, y action que es la página que procesara estos datos. Estos componentes son imprescindibles en todo formulario.
Otros componentes del formulario, que pueden ser prescindibles según el caso, son el nombre del formulario, name="formulario", y si el formulario transmitirá o no archivos, enctype="multipart/form-data". El nombre suele ser necesario para poder validar los formularios. El “enctype” será necesario si el formulario va a cargar archivos.
Por su parte los tipos de campos fundamentales son:
1) text – recogerá datos como nombres, direcciones, email, etc.
2) password – tiene el mismo aspecto que un campo text, pero oculta tras asteriscos los datos que se van introduciendo.
3) textarea – su función es recoger textos de una considerable extensión.
4) select – su función es que el usuario pueda escoger una de las diferentes alternativas
5) checkbox- su función es que el usuario pueda escoger tantas alternativas como desee.
6) radio – su función es que el usuario pueda seleccionar una entre varias alternativas.
7) file – permite que el usuario pueda subir archivos al servidor.
8) hidden – es un campo oculto, es decir, su contenido solo puede verse si accedes al código fuente del formulario.
9) reset – es el botón que permite borrar todos los datos de un formulario.
10) Submit – es el botón que permite el envío del formulario.
Respecto a los formularios me parece muy importante destacar, que si bien su sintaxis puede expresarse perfectamente en HTML, precisara al menos de javascript para su validación. Y para poder tratar los datos recogidos en el formulario necesitaremos algún lenguaje de servidor, como PHP o ASP.
<html>
<head>
<title>Los campos mas elementales de un formulario.</title>
</head>
<body>
<form method="POST" action="destino.php" enctype="multipart/form-data" name="formulario">
<p>Cuadro de texto: <input type="text" name="nombre" size="20" value="pepe"></p>
<p>Cuadro de clave: <input type="password" name="clave" size="20"></p>
<p>Área de texto: <textarea rows="5" name="mensaje" cols="20">hola</textarea></p>
<p><select size="1" name="pais">
<option selected value="0">Elija uno</option>
<option value="1">España</option>
<option value="2">Francia</option>
<option value="3">Alemania</option>
</select></p>
<p>Intereses:</p>
<p>CSS<input type="checkbox" name="interes" value="ON">PHO<input type="checkbox" name="interes" value="ON">MySQL<input type="checkbox" name="interes" value="ON"></p>
<p>Sexo:</p>
<p>Hombre <input type="radio" value="hombre" name="sexo">Mujer<input type="radio" name="sexo" value="mujer"></p>
<p><input type="file" name="archivos" size="20"></p>
<input type="hidden" name="id" value="1234">
<p><input type="reset" value="Restablecer" name="B2"><input type="submit" value="Enviar" name="B1"></p>
</form>
</body>
</html>
