Tema anterior: Elementos de los formulariosTema siguiente: Campo Hora y fecha


Elementos básicos de un formulario

Se pueden utilizar los elementos básicos siguientes al crear y mantener los formularios:

Diseño de columna

Utilice los diseños de columna para organizar los componentes del formulario y conseguir una eficacia máxima. El diseño de columna incluye dos columnas verticales, Columna 1 y Columna 2, alineadas una con la otra. Puede incluir los componentes del formulario en una de las columnas o en las dos. No es posible insertar una columna dentro de la otra. Sin embargo, puede insertar varios diseños de columna en un formulario.

Campo de texto

Los campos de texto permiten al usuario introducir la información de texto libre que utilizará el programa, en los casos en los que la información se deba personalizar de tal forma que presentar una lista de opciones sea ineficaz o inadecuado. Por ejemplo, campos para que el usuario introduzca un nombre, dirección, número de teléfono o entradas numéricas de varios dígitos. Utilice campos de texto cuando se requiera solamente una línea de entrada.

Área de texto

Las áreas de texto tienen la misma función general que los campos de texto en los casos en que se necesita más de una línea de entrada, por ejemplo, una respuesta breve a una pregunta, como una descripción libre de hábitos, características, objetivos o ideales personales.

Etiqueta

Una etiqueta identifica un formulario o un área del formulario. Por ejemplo, se puede utilizar una etiqueta en la parte superior del formulario para incluir el título, como Formulario de historial médico. En el formulario también puede haber otras etiquetas, como Historial de familia, Hábitos de alimentación y Enfermedades. Si utiliza el formato de columna múltiple en el formulario, es recomendable que utilice una etiqueta como un encabezamiento en cada columna.

Utilice el atributo de HTML denominado Texto de etiqueta para configurar la etiqueta que los usuarios ven en el formulario, como, por ejemplo, un título o encabezado, como se señaló previamente.

Se pueden realizar las tareas siguientes relacionadas con las etiquetas:

Casilla de verificación

Utilice una casilla de verificación para permitir al usuario seleccionar o rechazar una sola opción. Por lo general, los usuarios seleccionan la opción para indicar Sí o True y la desactivan para indicar No o False. Algunos ejemplos serían las casillas de verificación de opciones como las siguientes: Agregarme a la lista de correo, Llamarme para concertar una cita o Entiendo y acepto los términos de uso.

También puede utilizar varias casillas de verificación para agrupar opciones relacionadas, entre las cuales los usuarios podrán seleccionar dos o varias. Por ejemplo, se puede agregar una casilla de verificación para cada periférico asociado a un equipo portátil, como el ratón, la estación de acoplamiento, el maletín de transporte, la unidad de copia de seguridad externa, etc.

Grupos y botones de opción

Un grupo de botones de opción solamente contiene botones de opción. No pueden incluir ningún otro elemento. Utilice el grupo de opciones y los botones de opción correspondientes para presentar una lista de opciones entre las que el usuario deberá elegir sólo una. Por ejemplo, podría crear un grupo de opciones llamado Tamaño con tres botones: Pequeño, Mediano y Grande.

Al contrario que las opciones en los cuadros de selección, los botones de opción siempre se muestran en el formulario. Por lo tanto, para ahorrar espacio en el formulario, se pueden utilizar botones de opción únicamente en los campos con cuatro opciones o menos.

Imagen

Utilice las imágenes para incluir una representación gráfica de un elemento que está incluido o se puede incluir en un servicio u opción de servicio asociada . La imagen que se ha especificado se debe almacenar en el almacén de archivos, la ubicación central para los archivos que utiliza CA Service Catalog. Utilice el formato siguiente para especificar el nombre de la ruta de la imagen:

FileStore/ruta/nombre de archivo.ext

Importante: El nombre de la carpeta FileStore distingue entre mayúsculas y minúsculas. Por lo tanto, utilice el tipo de letra correcto en la ruta y en todas las demás referencias.

Nota: Para obtener más información sobre la configuración del almacén de archivos (FileStore), consulte la Guía de implementación.

Conjunto de campos

Utilice los conjuntos de campos para agrupar varios elementos. Por ejemplo, puede incluir grupos de accesorios para un portátil (cargador batería, maleta de transporte, replicador de puertos, etc) o grupos de números de teléfono para un usuario (domicilio, trabajo, móvil y fax). Un cuadro rodea los elementos del conjunto de campos para indicar que están relacionados.

Nota: Para una accesibilidad máxima, no coloque ninguno de los elementos siguientes inmediatamente después de un conjunto de campos: casilla de verificación, campo Fecha y hora, botones de opción y grupos de opciones. Si uno de estos elementos aparece inmediatamente después de un conjunto de campos, es posible que un lector de pantalla, como JAWS, no lo procese correctamente.

Control de números

Este campo permite a un usuario seleccionar un valor numérico a partir de un intervalo de valores incrementados, como 100, 200, 300 y así sucesivamente.

El usuario hace clic en los botones de flecha hacia arriba o abajo para aumentar o disminuir el valor seleccionado.

Utilice los atributos de HTML únicamente en los campos de control de números para configurar el contenido y el comportamiento del campo de control de números.

Control deslizante

Un control deslizante permite el usuario deslizar (hacer clic y arrastrar) un control hacia adelante o hacia atrás para aumentar o reducir el valor seleccionado. Cada diapositiva actualiza el valor seleccionado según el incremento que se establezca. Especifica la unidad de medida del control deslizante en un mensaje que aparece cada vez que el usuario aumenta o disminuye el valor seleccionado. Los mensajes de muestra incluyen 0 CPU, 1 CPU, 2 CPU, 3 CPU, y así sucesivamente.

Nota: En lugar de deslizar el control para aumentar o reducir el valor seleccionado, los usuarios pueden seleccionar el control y hacer clic en la flecha izquierda o derecha.

Para configurar el contenido y el comportamiento del control deslizante, utilice los atributos siguientes: