Campos de entrada de texto desativados de bootstrap
Este artigo cobrirá os seguintes tópicos:
- Como desativar o campo de entrada de texto?
- Como desativar a opção de caixa selecionada?
- Como desativar o elemento de entrada da caixa de seleção?
- Como desativar o elemento de entrada do botão?
Pré -requisito: Crie um formulário
Primeiro, crie um formulário utilizando o HTML “" elemento:
Então, adicione um “”Elemento e atribui uma classe“Col-12”. Dentro do elemento especificar a legenda do formulário:
Saída
Como desativar o campo de entrada de texto?
Para o exemplo em andamento, siga as instruções dadas:
- Dentro de "”O elemento, após o elemento da lenda, adicione uma tag e atribua uma classe“grupo de formulários”.
- Então, inclua “" e "”Elementos para os campos de legenda e entrada, respectivamente. Atribua o elemento de entrada uma classe “Controle de forma”.
- Depois disso, aloque o “desabilitado”Atributo para tornar o campo de entrada desativado:
A seguir, a explicação das classes mencionadas acima:
- ““grupo de formulários”É uma classe flexível que fornece a maneira mais simples de incluir estrutura em formulários.
- ““Controle de forma”Adiciona automaticamente o estilo aos elementos do formulário.
Saída
Adicione outro campo de entrada sem o “desabilitado”Atributo:
Pode -se observar que o primeiro campo de entrada está desativado e o segundo está ativado:
Como desativar a opção Selecionar caixa?
Para criar uma caixa selecionada no formulário, utilize o html “" elemento. O "”Os elementos são então adicionados para selecionar itens da caixa.
Neste exemplo, observe que a segunda opção é definida como desativada usando o “desabilitado”Atributo:
Saída
Como desativar o elemento de entrada da caixa de seleção?
Vamos fazer outra caixa de seleção de controle de formulário. Para deixar a caixa de seleção desativada, o “desabilitado”O atributo é especificado da seguinte maneira: