Los formularios, son una herramienta que nos serán de gran ayuda. Es la forma de recoger información por parte de los usuarios de nuestras Web, conocerlos, saber sus gustos, que buscan de nuestra pagina, que les gustaría, etc. etc..

La información recogida, se puede almacenar en una base de datos, o sera enviada a nuestra bandeja de entrada por correo electrónico.

Ahora vamos a ver como crearlos, ya luego veremos como los recibiremos.

Como ya tenemos la plantilla preparada y guardada, para empezar, vamos a Achivo/Nuevo… y en la pestaña Plantillas creamos un nuevo documento. Inmediatamente despues, lo guardamos como, contacto.htm,
o formulario.htm… etc

Y ahora empezamos:

En el Comando Insertar/Formularios/Formulario:

Aparecerá un rectángulo así:

Dentro de este recuadro, insertaremos una tabla de cinco filas y cuatro colunmas:

Desde el Inspector de Propiedades, centraremos la tabla primero:

Nos vamos a situar en la primera Celda de la primera Fila, no vamos a asignar ahora ni alineación ni nada, ya lo haremos al acabar de crear todo el formulario Escribimos la palabra nombre:

En la segunda celda de la primera fila, Insertamos un Campo de Texto:

Es posible que nos aparezca un cuadro de dialogo así:

Simplemente lo vamos a ignorar ahora, cancelar.

Ahora vemos un Campo de Texto así:

Pulsando sobre el campo de texto que acabamos de crear, observaremos el Inspector:

Desde aquí, podremos configurar las propiedades de este campo de texto, pero ya lo iremos viendo luego, ahora lo importante es ponerle un nombre. Como lo que queremos que ponga aquí el usuario es su nombre, lo vamos a llamar así, Nombre:

Nos situamos ahora en la tercera celda, escribimos Tu ciudad/País: En la celda siguiente, insertamos de nuevo un Campo de Texto:

En el Inspector y sobre ese campo situados, cambiamos el nombre:

En la segunda Fila, primera celda, pondremos Tu correo, o, Tu e-mail, en la Celda siguiente, insertamos un nuevo Campo de Texto y desde el Inspector cambiamos el nombre por e-mail:

Es el mismo proceso en los tres campos, solo hemos variado el nombre de cada uno de ellos.

Ahora vamos a insertar un Menú. En la tercera Celda pondremos Tu Edad: En la cuarta: Ir A Insertar/Formulario/ Lista/Menú Desde el Inspector de Propiedades le vamos a poner el nombre de Edad Seleccionamos

Menú y clic en Valores de Lista:

Nos aparecerá un nuevo cuadro de dialogo, donde insertaremos unos valores así:

La Etiqueta, sera lo que se muestra en el formulario y el Valor, es lo que se guarda o se envía. En nuestro caso, sera lo que recibiremos en nuestro correo.

Usando los signos + y – insertaremos mas etiquetas o las borraremos.Para situarlas usaremos las flechas de la derecha. Una vez que ya tengamos todos los datos que deseamos, aceptamos y se vera así:

Si comprobáis ahora en vista previa, veréis que pulsando la flechita, se mostraran todas las opciones que hayamos insertado, pudiendo seleccionar la que deseamos. Insertaremos ahora Botones de Opción:

En la primera Celda de la tercera Fila, pondremos Tu opinión sobre la página. Seleccionamos las tres siguientes a la vez:

Y vamos a Modificar/Tabla/Combinar Celdas y pulsamos sobre esta opción, Nos quedara así:

Situadados en esta Celda, Insertar/Formulario/Botón de Opción, y a continuación del botón, escribimos Muy buena:

En Inspector de propiedades cambiamos los nombres y el valor:

Podemos añadir tantos como deseemos siguiendo estos mismos pasos. En la siguiente Fila, en la primera Celda, podemos preguntar que les interesa mas, combinamos de nuevo las celdas restantes, como hicimos antes y vamos a:

Insertar/Formulario/ Casilla de Verificación:

E igual que el anterior, podremos insertar varios.

También, resulta interesante que dejemos un Área de Texto, para Comentarios: Insertar/Formulario/Área de Texto:

*Nota: Podéis poner un numero concreto en Ancho de caracteres, sobre unos 50 o 60, estos serán los que usaran para cada línea de texto. También las líneas concretas que queráis.. en numero de líneas, pero así estaremos condicionándolo a un numero concreto de líneas, si por cualquier motivo el usuario pasa de ese numero, no nos llegaran, por lo tanto es mejor no especificar un numero concreto, pero si es interesante saberlo

En la ultima fila, combinamos todas las celdas de modo que nos quede una tan solo. Ir a Insertar/Formulario/Botón, y podéis ya hacerlo dos veces.

Seleccionamos el primero y desde el Inspector de Propiedades, cambiamos el nombre y valores así:

Seleccionamos el segundo y:

Podremos observar que solo hemos de cambiar el nombre, al castellano, ya que los demás valores nos saldrán por defecto. Nos falta ahora configurar el formulario con las opciones de Envió, para ello situaremos el ratón en cualquier lugar del formulario, y pulsamos sobre: para activar el Inspector de Propiedades y desde el, podemos cambiar el nombre al Formulario; introducir la dirección de correo electrónico. donde queramos recibir la información, el método de envió (Post) y el tipo de codificación, serán los que ya trae por defecto. Si no lo trae lo añadimos nosotros:

text/plain

Pulsamos en cualquier lado del formulario, para seleccionar la tabla donde lo habíamos insertado y que si veis la captura, habíamos creado con el 100%. Se lo quitaremos dejando esta opción completamente vacía:

También puse 4 px como relleno de celda y color de fondo #DE931C La captura tiene otro, pero esto es según cada uno, ya que será el color que tengáis en vuestras páginas

A las celdas de todas las Filas, les di color de fondo #FFF1D6. Podremos comprobar desde vista previa, que funciona el formulario. El navegador IExplorer nos mostrara varios cuadros con el proceso:

aceptamos:

aceptamos:

El mensaje que nos llegara se mostrara así:

El Mozilla, me abre directamente el Outlook Express, con los datos para que lo envié.

* Nota : Tened en cuenta que si no creasteis antes, esta opción, es hora de abrir la Plantilla y crearla, así como vincular al documento que acabamos de crear.

Ver ejemplo Aquí