Cómo deshabilitar los botones de bootstrap

Los botones son los componentes que se pueden hacer clic en cualquier aplicación. Pueden realizar diferentes funciones, como generar eventos, enviar formularios y ejecutar cualquier acción. Sin embargo, hay varios estados de botones, como activo y carga, que se utilizan de acuerdo con la situación. Más específicamente, el "desactivado"El atributo o clase también se usa para hacerlos que no sean haciendo clic o inutilizables.

Esta publicación ilustrará cómo deshabilitar los botones en Bootstrap.

Cómo deshabilitar los botones en bootstrap?

El html "El elemento se puede utilizar para crear botones en HTML. Entonces, es relevante "desactivado"El atributo puede hacer que el botón se desactive.

Ejemplo

En HTML, agregue dos etiquetas de botón asociadas con el "clase"Atributo y especifique las siguientes clases:

• El "btnLa clase se utiliza para agregar estilos generales a los botones.
• El "btn-lg"La clase crea un botón grande.
• El "btn-tucés"Crea una clase con un color verde.
• El "PX-4"La clase define el relleno en el eje X dentro de la clase:

botón
botón

Se puede observar que hemos deshabilitado con éxito el segundo botón de nuestra página web:

Cómo deshabilitar los botones creados con en bootstrap?

Los botones que se crean con el ""La etiqueta se especifica con la clase"desactivado". En particular, el "desactivado"El atributo no funciona en ello.

Ejemplo

En este ejemplo, el "href"Atributo en el""La etiqueta se utiliza para agregar un enlace al botón. El valor "#"Está asignado, que representa un enlace ficticio. El "claseEl atributo se especifica con las clases como se explica en el ejemplo anterior:

haga clic aquí
haga clic aquí

Producción

Cómo deshabilitar los botones creados con el bootstrap?

Los elementos de botón que se crean con el ""Las etiquetas se pueden deshabilitar usando el"desactivado" atributo.

Ejemplo

En el archivo HTML, agregue los siguientes códigos para crear botones. Agregar ""Elemento con el atributo"tipo","clase", y "valor", dónde:

• El "tipo"El atributo especifica el tipo de elemento.
• El "valor"El atributo establece el texto en los botones.
• El "desactivadoEl atributo se especifica en el primer botón para marcar la diferencia en ambos botones:

Producción

Se trata de deshabilitar los botones en bootstrap.

Conclusión

Para deshabilitar los botones en Bootstrap, primero, cree un botón usando el "btn" clase. Luego, especifique el "desactivado"Atributo en la etiqueta de inicio del elemento de botón para representarlos como inutilizables. Sin embargo, este atributo no funciona en los botones creados con el ""Etiqueta, por lo que se les asigna la clase de bootstrap" deshabilitada ". Este artículo ha ilustrado el procedimiento para deshabilitar los botones en Bootstrap.