Cómo Crear Campos De Formulario

Tabla de contenido:

Cómo Crear Campos De Formulario
Cómo Crear Campos De Formulario

Video: Cómo Crear Campos De Formulario

Video: Cómo Crear Campos De Formulario
Video: Como crear un formulario para rellenar en WORD 2024, Mayo
Anonim

El procesamiento de los datos que los visitantes envían al servidor después de completar los formularios web es manejado por un programa especial (script). Por lo tanto, tiene sentido agregar campos a un formulario publicado en una página web solo si las funciones para trabajar con estos campos están programadas en el script. Si se cumple esta condición, queda por hacer la parte relativamente simple del trabajo de agregar etiquetas al código fuente de la página que forman los campos requeridos.

Cómo crear campos de formulario
Cómo crear campos de formulario

Es necesario

Conocimientos básicos de HTML

Instrucciones

Paso 1

La operación de formar las etiquetas necesarias puede ser asumida por el editor de página, si tiene la oportunidad de usar el modo de edición visual en él. Dicho editor puede ser una parte integral del sistema de administración de contenido: ingrese y cargue una página con un formulario en el que se deben agregar nuevos campos. Utilice las operaciones de copiar y pegar: seleccione y copie un par de elementos existentes (el campo de entrada y el texto asociado con él), luego haga clic en la página donde se debe colocar el campo adicional y pegue el copiado.

Paso 2

Después de eso, edite las propiedades de cada elemento del par por separado. Simplemente seleccione la inscripción con el mouse y escriba nuevo texto, y para el campo de entrada use el botón en el panel del editor que abre sus propiedades. En las propiedades, al menos debe cambiar el valor en el campo de nombre; debe corresponder al nombre de campo programado en el script de procesamiento. Repita copiar / pegar para el conjunto de campos requerido y guarde la página.

Paso 3

Si no hay acceso a la edición visual, abra el código fuente de la página en cualquier texto o editor especializado y agregue las etiquetas necesarias. Este método requiere algunos conocimientos de HTML y técnicas de diseño de páginas web. Para agregar un campo de texto simple al formulario, use la etiqueta de entrada, agregando el texto del valor al atributo de tipo. Además de este atributo, solo se requiere el nombre; debe contener el nombre de este campo de formulario conocido por el script del controlador. Con otros atributos, puede establecer la cantidad de caracteres que determinan visualmente la longitud del campo de entrada (el atributo de tamaño), la cantidad máxima permitida de caracteres (longitud máxima), los parámetros de estilo (estilo), la pertenencia a la clase (clase), etc. Esta etiqueta se puede ver en el código, por ejemplo, así:

Paso 4

Para un campo de texto de varias líneas, use la etiqueta textarea. Consta de dos partes: apertura y cierre. En el primero, debe establecer el valor del nombre y, utilizando los atributos de filas y columnas, puede establecer el número de filas y columnas de este elemento de formulario. Por ejemplo:

Paso 5

Otros tipos de campos de formulario pueden ser casillas de verificación; para formarlos, también use la etiqueta de entrada, pero a diferencia de un campo de texto de una sola línea, especifique el valor de la casilla de verificación en el atributo de tipo. Si este elemento de formulario necesita ser verificado, agregue el atributo verificado a su etiqueta. Por ejemplo:

Paso 6

Para insertar un cuadro de selección en el formulario y cargar un archivo, use la misma etiqueta de entrada con el valor del archivo en el atributo de tipo. Por ejemplo:

Paso 7

Una construcción más compleja forma un campo con una lista desplegable. Debe contener un par de etiquetas de selección de apertura y cierre. Coloque pares de etiquetas de opción en el medio, cada una especificando una única línea de selección. Las etiquetas de apertura deben contener el atributo de valor (su valor será transmitido al servidor), y entre las partes de apertura y cierre, colocar el texto que verá el visitante en esta línea de la lista. Por ejemplo: Primera línea de selección Segunda línea de selección Tercera línea de selección

Recomendado: