Campos de entrada de texto desactivados en bootstrap

En Bootstrap, se utilizan varias clases para crear un formulario de manera eficiente. Estas clases proporcionan numerosas propiedades de estilo a los elementos, que incluyen "control de forma","grupo de forma","etiqueta de verificación de forma", y muchos más. Más específicamente, los campos de entrada de formulario son campos de entrada de texto utilizados para recopilar información de los usuarios. Sin embargo, podemos deshabilitar el campo de entrada utilizando el "desactivadoClase o atributo.

Este artículo cubrirá los siguientes temas:

• Cómo deshabilitar el campo de entrada de texto?
• Cómo deshabilitar la opción Seleccionar cuadro?
• Cómo deshabilitar el elemento de entrada de la casilla de verificación?
• Cómo deshabilitar el elemento de entrada del botón?

Prerrequisito: crear un formulario

Primero, cree un formulario utilizando el HTML "" elemento:

Entonces, agregue un ""Elemento y asignarlo una clase"Col-12". Dentro del elemento especifique el subtítulo de formulario:

Formulario de registro de estudiantes

Producción

Cómo deshabilitar el campo de entrada de texto?

Para el ejemplo continuo, siga las instrucciones dadas:

• Dentro de ""Elemento, después del elemento de leyenda, agregue una etiqueta y asigne una clase"grupo de forma".
• Entonces, incluya "" y ""Elementos para los campos de subtítulos y de entrada, respectivamente. Asignar el elemento de entrada una clase "control de forma".
• Después de eso, asigne el "desactivado"Atributo para que el campo de entrada se desactive:

Introduzca su nombre

La siguiente es la explicación de las clases mencionadas anteriormente:

• "grupo de forma"Es una clase flexible que proporciona la forma más simple de incluir la estructura en las formas.
• "control de forma"Agrega automáticamente el estilo a los elementos de formulario.

Producción

Agregue otro campo de entrada sin el "desactivado" atributo:

Ingresa el nombre de tu padre

Se puede observar que el primer campo de entrada está deshabilitado y el segundo está habilitado:

Cómo deshabilitar la opción Seleccionar cuadro?

Para crear un cuadro de selección en el formulario, utilice el HTML "" elemento. El "Luego se agregan elementos a los elementos de cuadro de selección.

En este ejemplo, observe que la segunda opción se establece como deshabilitada utilizando el "desactivado" atributo:

Cuadro de selección deshabilitado

seleccionar
Seleccionar discapacitado
Menú

Producción

Cómo deshabilitar el elemento de entrada de la casilla de verificación?

Hagamos otro formulario de control de control. Para hacer que la casilla de verificación discapacitada, el "desactivadoEl atributo se especifica de la siguiente manera:

No puedes comprobar esto

Producción

Cómo deshabilitar el elemento de entrada del botón?

También puede agregar un elemento de botón HTML para el envío del formulario. Ahora, hagamos que este botón se deshabilite utilizando el "desactivado" clase:

Entregar

Producción

Eso se trataba de hacer que los campos de entrada se deshabiliten en Bootstrap.

Conclusión

En Bootstrap, los controles de formulario se pueden deshabilitar utilizando el "desactivado"Atributo o clase. El atributo se coloca dentro de la etiqueta de inicio del elemento. Por otro lado, el "desactivado"La clase se coloca dentro del"clase" atributo. Este artículo ha proporcionado ejemplos para ilustrar cómo deshabilitar los controles de formulario en Bootstrap.