Como desativar os botões de bootstrap

Os botões são os componentes clicáveis ​​em qualquer aplicativo. Eles podem executar funções diferentes, como gerar eventos, enviar formulários e executar qualquer ação. No entanto, existem vários estados de botões, como ativo e carregamento, que são utilizados de acordo com a situação. Mais especificamente, o “desabilitado”O atributo ou classe também é usado para torná-los inutilizáveis ​​ou inutilizáveis.

Este post ilustrará como desativar os botões no bootstrap.

Como desativar os botões no bootstrap?

O html “”O elemento pode ser utilizado para criar botões em html. Então, é relevante “desabilitado”O atributo pode deixar o botão desativado.

Exemplo

No HTML, adicione duas tags de botão associadas ao “aula”Atribua e especifique as seguintes classes:

• O "btn”A classe é utilizada para adicionar estilos gerais aos botões.
• O "btn-lg”A classe cria um botão grande.
• O "Btn-success”Cria uma aula com uma cor verde.
• O "PX-4”Classe define o preenchimento no eixo x dentro da classe:

botão
botão

Pode -se observar que desativamos com sucesso o segundo botão da nossa página da web:

Como desativar os botões criados no bootstrap?

Os botões que são criados com o “”Tag são especificadas com a classe“desabilitado”. Notavelmente, o “desabilitado”O atributo não funciona nisso.

Exemplo

Neste exemplo, o “HrefAtributo no “”A tag é utilizada para adicionar um link ao botão. O valor que "#”É atribuído, o que representa um link dummy. O "aula”O atributo é especificado com as classes, conforme explicado no exemplo acima:

Clique aqui
Clique aqui

Saída

Como desativar os botões criados com o In Bootstrap?

Os elementos do botão que são criados com o “”As tags podem ser desativadas usando o“desabilitado”Atributo.

Exemplo

No arquivo HTML, adicione os seguintes códigos para criar botões. Adicionar "”Elemento com o atributo“tipo","aula", e "valor", onde:

• O "tipo”Atributo especifica o tipo de elemento.
• O "valor”Atributo define o texto nos botões.
• O "desabilitado”O atributo é especificado no primeiro botão para fazer a diferença nos dois botões:

Saída

Isso é tudo sobre desativar botões no bootstrap.

Conclusão

Para desativar os botões no bootstrap, primeiro, crie um botão usando o “btn" aula. Então, especifique o “desabilitado”Atributo na etiqueta inicial do elemento do botão para representá -los como inutilizáveis. No entanto, esse atributo não funciona nos botões criados com o “”Tag, para que eles recebam a classe“ desativada ”de bootstrap“ desativada ”. Este artigo ilustrou o procedimento para desativar os botões no bootstrap.