Bootstrap | Leia somente entrada e textarea

Muitas vezes, para se inscrever em qualquer aplicativo, precisamos fornecer algumas credenciais ao aplicativo. Ao fazer o perfil, você pode experimentar que as principais credenciais como nome, email e senha já foram mostradas. Essas credenciais são apenas leituras e não podem ser modificadas.

Usando o bootstrap, o “" e "”Pode ser levado apenas utilizando o“somente leitura”Atributo. O texto de entrada somente de leitura não pode ser modificado. No entanto, ele pode ser abordado e destacado para copiar o conteúdo.

Este post irá guiá -lo:

• Como fazer apenas os campos de entrada de leitura no bootstrap?
• Como fazer apenas leitura de campo textarea em bootstrap?

Como fazer apenas os campos de entrada de leitura no bootstrap?

Para fazer um texto apenas ler, o “somente leitura”O atributo pode ser utilizado. Antes de prosseguir, criaremos um arquivo html para a demonstração.

Pré -requisito: Crie um HTML e adicione campos de entrada

Para criar um arquivo HTML, siga as instruções abaixo:

• Criar uma "”Elemento e atribui uma classe“P-4”. Esta classe adiciona espaço de preenchimento em todos os lados do elemento.
• Então, adicione o “”Elemento para mencionar a legenda do elemento de entrada. Isso é "paraO atributo deve corresponder ao “eu ia"Da tag" ".
• Para adicionar um campo de entrada de texto, coloque o “”Tag com os atributos“ Tipo ”,“ ID ”,“ Classe ”,“ Value ”e“ Readonly ”.
• O "tipo”Atributo com o valor“texto”Especifica o campo de entrada de texto.
• O "eu ia”Define um ID único para o elemento.
• O "aula”O atributo é definido com a classe Bootstrap“Controle de forma”. Esta classe fornece uma largura total aos elementos para torná -los responsivos.
• O "valor”Define o valor no campo de entrada de texto.
• O "somente leitura”O atributo cria o texto somente leitura. Indica que não pode ser editado ou modificado.

Html

Digite seu nome

Digite seu e-mail

Saída

Como fazer apenas leitura apenas campos de textarea em bootstrap?

O "somente leituraO atributo pode ser especificado no “”Elemento para torná -lo reado. Além disso, a tag html “” faz um controle de entrada de texto multi-line.

Para uma melhor compreensão, consulte o código fornecido e a saída relevante:

Adicionar nota
A educação é a chave para o sucesso.

Saída

Isso se tratava de fazer elementos readonly “” e “” no bootstrap.

Conclusão

O "somente leitura”O atributo é utilizado para fazer“" e "”Os elementos somente leitura. Para fazer o campo de entrada apenas ler, esse atributo é colocado dentro da tag de início do elemento "". No entanto, para fazer com que o controle de entrada de texto de várias linhas seja lendo, o atributo "readonly" será colocado dentro da etiqueta inicial do elemento "". Esta posta.