Botão CSS Desativar

Ao projetar uma página da web ou um site dinâmico, você pode desativar qualquer recurso restringindo ou não permitindo que o usuário o acesse. Por exemplo, o botão ou qualquer campo de texto está desativado de acordo com o requisito. Os idiomas do front-end são utilizados para esse fim. Isso inclui as tags HTML e CSS na criação e criação dos objetos.

Uma folha de estilo em cascata é usada para adicionar recursos especiais ao conteúdo criado através das tags HTML. CSS também é escrito na forma de tags e pode ser declarado de três maneiras. Aplicamos a abordagem de estilo interno. As tags HTML são muito fáceis de implementar junto com CSS. O usuário deve estar ciente do básico de ambos os idiomas.

Implementação do botão Desativar

Primeiro, usamos as tags HTML apenas para criar botões. Depois que as tags HTML para a criação de botões forem entendidas, será fácil para nós adicionar o CSS ao botão.

Começando com as tags HTML, declaramos a seção principal. Dentro da seção da cabeça, declaramos o título da página, que aparece na guia do navegador. Em seguida, fechamos o título e a etiqueta da cabeça. Então, declaramos a etiqueta corporal. Dentro do corpo, usamos a tag div. Um recipiente que é usado para conter e alinhar seu conteúdo em forma especificado é conhecida como um contêiner de div. No HTML, existem tags embutidas para vários recursos que são utilizados usando suas tags de abertura e fechamento. Da mesma forma, a tag cria um botão. Nós criamos dois botões. Ativamos um botão e desativamos o outro. Isso é feito simplesmente adicionando a palavra -chave "desativada" ao botão. Dessa forma, podemos ativar ou desativar o funcionamento de um botão na página da web usando as tags html simples.

Não desativado
Desabilitado

Como precisamos criar apenas dois botões, fechar todas as tags e salvar o arquivo. Para executar a página da web que você criou, abra o arquivo no navegador.

Quando executarmos o código, veremos que dois botões são criados. Um está ativado, enquanto o outro está desativado. O botão e o texto no botão desativado estão em um tom de cor mais claro e parece estar borrado, fazendo o botão parecer um texto em um bloco. Isso significa que o botão não funcionará.

Desative o botão no CSS

Agora, usamos o HTML e o CSS para desativar o botão específico. A parte da criação da div é quase a mesma, mas as tags CSS serão adicionadas à seção da cabeça, fazendo um estilo interno. Abaixo das tags do título, dentro da seção da cabeça, abra a etiqueta de estilo.