Html para principiantes IV

Presentamos un curso de HTML, desde nivel básico hasta un nivel avanzado el cual os permitirá conocer este lenguaje a fondo, su utilización, y su función en la «Red de redes». Cuarta entrega.

Formularios

Un formulario es un conjunto de datos de un usuario, los cuales se utilizan para un fin determinado. Pueden ser para la creación de una cuenta de correo electrónico, o para el registro de un domino, o para otras muchas cosas.

En HTMl se pueden crear formularios, pero con muchas imitaciones. No obstante, son completamente operativos y pueden valer, cuando los datos a introducir no suponen ninguna información peligrosa, para la persona que lleva a cabo el rellenado de ese formulario.

La instrucción para crear formularios es FORM.

Los parámetros de esta función FORM son:

METHOD=»post» -> método para enviar la información por correo electrónico

METHOD=»get» -> este sistema de enviado de datos está relacionado con programación CGI. Los CGI son pequeños programas específicos para internet, por ejemplo un buscador o un contador. Estos CGI suelen estar programados en lenguajes como PHP, Perl, C++ u otros, y los suele suministrar el proveedor de Internet. Por supuesto también se pueden crear.

Ventajas de utilizar el METHOD=»POST»

– La información que se puede mover es infinita

– La información se encapsula (empaquetada), y es encriptada, lo que da un punto de seguridad muy importante en algunos casos.

Inconvenientes del METHOD=»POST»

– A veces es un poco lento en encapsular la información.

Ventajas del METHOD=»GET»

– Es más rápido, ya que no encapsula la información

Inconveniente del METHOD=»GET»

– La información se puede ver en todo momento.

Otro parámetro de FORM es ACTION. Es el lugar de destino donde se quiere enviar la información.

Puede ser:

– mailto: correo@correo.org -> La información se envía a una dirección de correo electrónico.

– http://xxxx.cgi -> la información se manda a un CGI que la procesará.

– XXX.ASP -> la información tendrá como destino un archivo de programación de servidor, de forma que que se pueda introducir en una base de datos por ejemplo.

Otro parámetro es NAME. Con este parámetro lo que se consigue es dar un nombre al formulario. Muy útil para saber de donde vienen la información, sobre todo si tenemos varios formularios en la página. Es importante nombrar todos los formularios y todos los campos, si no queremos perdernos a la hora de pasar información. Por eso insisto en el orden. Es mejor teclear un poco más, ya que luego las cosas serán más sencillas.

Si habéis rellenado algún formulario en Internet, habréis observado que hay varios tipos de campos, unos que se pueden escribir, unos de contraseña, cuyos caracteres aparecen en formas de asteriscos o punto negros, otros que son redondos, que se rellenan con un punto negro cuando los selecciones, y unos que son cuadrados que se pueden rellenar con una X. Bueno esos son distintos tipos de campos, y paso a explicaos cuales son sus nombres y sus instrucciones.

Campos de tipo Texto

Son aquellos que aparece un recuadro en blanco en el cual se puede escribir sin problema. Por ejemplo cuando se te pide el nombre. La instrucción es:

<INPUT TYPE=»TEXT» NAME=»nombre» SIZE=»40″ MAXLENGTH=»40″>

Lo que acabo de hacer es crear un campo de tipo texto, el cual se denomina nombre. El tamaño del campo está indicado en la etiqueta SIZE, y en este caso es de 40 caracteres, y el tamaño máximo es de 40 caracteres. Este tamaño máximo, es la cantidad de caracteres que se enviarán.

Campos de tipo Contraseña

<INPUT TYPE=»PASSWORD» NAME»contrasena» SIZE=»10″>

Lo que he creado es una caja como en los campos de tipo texto, pero todo lo que escriba en este campo aparecerá traducido en puntos negros o asteriscos, para que no se pueda leer la información.

Campos de tipo Check Box

Son esos campos que te dan a elegir varias opciones, las cuales tiene un cuadrado pequeño en el cual, si es marcado aparece una X rellenando el cuadro. Es muy útil cuando hay varias opciones que pueden ser elegidas, por ejemplo.

La instrucción es:

<INPUT TYPE=»CHECK BOX» NAME=»ingles» VALUE=»1″>

Acabo de crear un campo de este tipo, que se denomina ingles, y cuando lo marcas la información que se envía es 1. Si esta información quieres que sea más clara, puedes sustituir es 1 por ingles por ejemplo.

Campos de tipo Radio Button

Son estos campos que son redondos, y al pinchar en ellos, se rellenan con un punto negro.

La instrucción es:

<INPUT TYPE=»RADIO» NAME=»fpago» VALUE=»Visa»>

He creado un campo de tipo redondo, el cual se llama fpago, y cuyo valor es visa. Se suelen utilizar mucho, en las formas de pago, en las tiendas on-line.

Campos de tipo Menú desplegable

Quizá sean los más famosos de la red. Estos campos, si pinchas en ellos, se despliega un menú, en el cual puedes elegir una opción.

La instrucción es:

<SELECT NAME=»estadocivil»>

<OPTION>Soltero</OPTION>

<OPTION>Casado</OPTION>

</SELECT>

He creado un menú desplegable con dos opciones, en este caso se denomina estado civil, y como opciones tiene la de «soltero» o «casado».

Conclusión

En este curso hemos intentado explicar lo más básico del lenguaje HTML. Por supuesto etiquetas HTML hay muchas más, de las que os hemos explicado aquí, pero nuestro fin no era hacer un curso exhaustivo sobre este lenguaje, sino introducir a esa personas que no tenía conocimiento ninguno sobre el tema, e intentar despertar esa curiosidad.

Ya tenéis lo básico para empezar, y ahora os toca a vosotros, investigar y desarrollar. No os desesperéis si las cosas no salen bien a la primera, clama, sosiego, y mucha paciencia, que podréis conseguir muchas cosas.