Cómo agregar un formulario con KompoZer

En muchas ocasiones, cuando crea páginas web, necesita procesar las entradas enviadas por el usuario, como una página de inicio de sesión, la creación de una nueva cuenta o enviar preguntas o comentarios. La entrada del usuario se recopila y se envía al servidor web mediante un formulario HTML. Los formularios son fáciles de agregar con las herramientas integradas de KompoZer. Todos los tipos de campos de formulario que admite HTML 4.0 se pueden agregar y editar con KompoZer, pero para este tutorial, trabajaremos con los botones de texto, área de texto, enviar y restablecer.

Crear un nuevo formulario

KompoZer tiene herramientas de formulario enriquecidas que puede usar para agregar formularios a sus páginas web. Puede acceder a las herramientas de formulario haciendo clic en el botón Formulario o en el menú desplegable adjunto en la barra de herramientas. Tenga en cuenta que si no escribe sus propios scripts de manejo de formularios, necesitará obtener alguna información para este paso de la documentación o del programador que escribió el script. También puede usar formularios mailto, pero no siempre funcionan.

1. Coloque el cursor en la ubicación donde desea que aparezca su formulario en la página.
2. Haga clic en el Formar Botón en la barra de herramientas. Se abre el cuadro de diálogo Propiedades del formulario.
3. Agregue un nombre para el formulario. El nombre se utiliza en el código HTML generado automáticamente para identificar el formulario y es obligatorio. También debe guardar su página antes de poder agregar un formulario. Si está trabajando con una página nueva sin guardar, KompoZer le pedirá que guarde.
4. Agregue la URL al script que procesará los datos del formulario en el campo URL de acción. Los controladores de formularios suelen ser scripts escritos en PHP o en un lenguaje similar del lado del servidor. Sin esta información, su página web no podrá hacer nada con los datos ingresados ​​por el usuario. KompoZer le solicitará que ingrese la URL del controlador de formulario si no la ingresa.
5. Selecciona el Método Se utiliza para enviar los datos del formulario al servidor. Las dos opciones son GET y POST. Necesitará saber qué método requiere el script.
6. Hacer clic DE ACUERDO y el formulario se agrega a su página.

Agregar un campo de texto a un formulario

Una vez que haya agregado un formulario a una página con KompoZer, el formulario se delineará en la página en una línea de color azul claro. Usted agrega sus campos de formulario dentro de esta área. También puede escribir texto o agregar imágenes, como lo haría en cualquier otra parte de la página. El texto es útil para agregar indicaciones o etiquetas a los campos de formulario para guiar al usuario.

1. Elija dónde desea que vaya el campo de texto en el área de formulario delineada. Si desea agregar una etiqueta, puede escribir primero el texto.
2. Haga clic en el flecha hacia abajo al lado de Formar en la barra de herramientas y seleccione Campo de formulario en el menú desplegable.
3. Se abrirá la ventana Propiedades de campo de formulario. Para agregar un campo de texto, elija Texto desde el menú desplegable etiquetado Tipo de campo.
4. Dar un nombre al campo de texto. El nombre se utiliza para identificar el campo en el código HTML y la secuencia de comandos de manejo de formularios necesita el nombre para procesar los datos. Se pueden modificar una cantidad de otros atributos opcionales en este diálogo al alternar la Más propiedades / menos propiedades o presionando el botón Edición avanzada, pero por ahora, solo ingresaremos el nombre del campo.
5. Hacer clic DE ACUERDO y el campo de texto aparece en la página.

Agregar un área de texto a un formulario

A veces, se debe ingresar una gran cantidad de texto en un formulario, como un mensaje o un campo de preguntas / comentarios. En este caso, un campo de texto no es apropiado. Puede agregar un campo de formulario de área de texto usando las herramientas de formulario.

1. Coloque el cursor dentro del contorno del formulario donde desea que esté su área de texto. Si desea escribir una etiqueta, a menudo es una buena idea escribir el texto de la etiqueta, presione Entrar para moverse a una nueva línea, luego agregue el campo de formulario, ya que el tamaño del área de texto en la página hace que sea difícil para el Etiqueta para estar a la izquierda o derecha.
2. Haga clic en el flecha hacia abajo al lado de Formar botón en la barra de herramientas y elija Texto Zona desde el menú desplegable. Se abrirá la ventana Propiedades del área de texto.
3. Introduzca un nombre para el campo del área de texto. El nombre identifica el campo en el código HTML y es utilizado por el script de manejo de formularios para procesar la información enviada por el usuario.
4. Ingrese el número de filas y columnas que desea que muestre el área de texto. Estas dimensiones determinan el tamaño del campo en la página y la cantidad de texto que se puede ingresar en el campo antes de que tenga lugar el desplazamiento.
5. Se pueden especificar opciones más avanzadas con los otros controles en esta ventana, pero por ahora, el nombre del campo y las dimensiones son suficientes.
6. Hacer clic DE ACUERDO y el área de texto aparece en el formulario.

Agregar un botón Enviar y Restablecer a un formulario

Después de que el usuario haya completado el formulario en su página, debe haber alguna forma de enviar la información al servidor. Además, si el usuario quiere volver a empezar o comete un error, es útil incluir un control que restablecerá todos los valores del formulario a los valores predeterminados. Los controles de formulario especiales manejan estas funciones, llamados los botones Enviar y Restablecer respectivamente.

1. Coloque el cursor en el área del formulario donde desea que esté el botón de enviar o reiniciar. En la mayoría de los casos, estos se ubicarán debajo del resto de los campos en un formulario.
2. Haga clic en el flecha hacia abajo al lado de Formar botón en la barra de herramientas y elija Definir botón desde el menú desplegable. Aparecerá la ventana Propiedades del botón.
3. Elija el tipo de botón en el menú desplegable etiquetado Tipo. Sus opciones son Enviar, Restablecer y Botón. En este caso, elegiremos la Enviar tipo.
4. Asigne un nombre al botón, que se utilizará en el código HTML y el código de manejo de formularios para procesar la solicitud del formulario. Los desarrolladores web suelen denominar a este campo "enviar".
5. En la casilla etiquetada Valor, ingrese el texto que debe aparecer en el botón. El texto debe ser corto pero descriptivo de lo que sucederá cuando se presione el botón. Algo como "Enviar", "Enviar formulario" o "Enviar" son buenos ejemplos.
6. Haga clic en Aceptar y el botón aparece en el formulario.

los Reiniciar Se puede agregar un botón al formulario usando el mismo proceso, pero elija Reiniciar desde el Tipo campo en lugar de Enviar.

Edición de un formulario con KompoZer

Editar un formulario o campo de formulario en KompoZer es muy fácil. Simplemente haga doble clic en el campo que desea editar y aparecerá el cuadro de diálogo correspondiente donde puede cambiar las propiedades del campo según sus necesidades. El diagrama de arriba muestra un formulario simple utilizando los componentes cubiertos en este tutorial.