PRESENTACION DE LA ARQUITECTURA GRIEGA (EDAD ANTIGUA)
Formulario de contacto
1. FORMULARIO DE CONTACTO
Permite interactuar con los usuarios que visitan nuestro sitio.
Un formulario consta de tres partes:
El código HTML, con la etiqueta form, abarcando todo el formulario.
Secuencias de comandos CGI (Common Gateway Interface), una aplicación que se
ejecuta en el servidor y que procesa la información enviada por el usuario.
Elementos del formulario, así como campos de texto, casillas de verificación, listas, etc.
A continuación se realizará un formulario de contacto:
Lo haremos a través de la barra de Insertar > Formulario
Lo primero que debemos hacer es abrir nuestro formulario, para ello, damos clic en el botón de
formulario
Se configura, la forma en que procesará los datos nuestro formulario, esto lo hacemos
seleccionando nuestro formulario y en inspector de propiedades configuramos a nuestro gusto:
Nombre del formulario: Daremos un nombre que distinga nuestro formulario.
Acción: Especificaremos la ruta de una secuencia de comandos de cgi, por ej:
http://www.misitioweb.es/cgi-bin/porcess.cgi o bien podemos especificar una dirección de correo
electrónico para recibir directamente los datos, sin necesidad de utilizar una secuencia de
comandos. En nuestro caso esto es lo que vamos a hacer, ya que para usar el CGI debemos
solicitarlo en nuestro hosting.
Método: Podemos elegir entre tres métodos:
2. POST: Para enviar los datos de nuestro formulario en el cuerpo del mensaje, este es el
más recomendado y el que vamos a usar en este caso.
GET: Para adjuntar los valores del formulario al URL y enviar la información al servidor, no
está recomendado para formularios largos, ya que tiene las URLS están limitadas a 8.192
caracteres.
PREDETERMINADO: Para enviar el formulario con la opción predeterminada del
navegador, que suele ser Get.
Para empezar a trabajar en nuestro formulario, situaremos el cursor, dentro del mismo:
Vamos a crear un campo de texto, para que los usuarios pongan su nombre y apellidos, damos clic
en el botón de campo de texto:
Y se nos abrirá esta ventana:
En etiqueta pondremos el título que le vayamos a dar a nuestro campo de texto, yo pongo Nombre
y apellidos, pero puedes poner lo que necesites. Y modificamos si creemos conveniente, la
posición que tendrá nuestro título, es decir o delante o detrás del campo de texto. Aceptamos.
3. Ahora seleccionamos el campo de texto que acabamos de crear y nos vamos al inspector de
propiedades:
Cambiaremos textfield por algo que identifique mejor nuestro campo, por ej. nombre.
Ancho car: Indica el tamaño del ancho del texto en caracteres.
Car max: Si especificamos un número, ese será el máximo de caracteres permitidos para el
usuario, al rellenar el área de texto.
Tipo: Puede ser de una sola línea, varias líneas, o una contraseña, en este ultimo caso, se
mostraría como asteriscos.
Val inicial: Define un valor inicial a nuestro campo de texto, que sirve como referencia al usuario,
por ej. Nombre, Apellidos aunque yo en mi caso lo voy a dejar en blanco.
Del mismo modo vamos a crear los campos: E-mail ,Telefono y Asunto
Creamos un último campo de texto, "Mensaje" Pero este tendrá varias líneas, para que nuestros
usuarios puedan escribir sus comentarios en él.
Se configura así:
Botón de Enviar:
Esta vez no vamos a rellenar el campo de Etiqueta.
Seleccionamos el botón y configuramos así:
4. Ahora creamos otro botón, que reinicializará el formulario a cero, esta vez, le damos los siguientes
valores:
Nos falta un último detalle, pero muy importante en el caso de que nuestro formulario funcione vía
e-mail, es para que podamos visualizarlo en nuestro programa de correo electrónico.
Debemos insertar un código:
enctype="text/plain"
en la etiqueta de form: