Suponha que você tenha uma página com diversas tags input type text.
Algumas delas habilitadas para a digitação do usuário e outras não. As que não estão habilitadas servem apenas para serem
visualizadas pelo usuário.
Quesito : As tags input type text são fundamentais para enviar infos ao submit da página, por
isso não podem ser substituidas por um texto simples, label.
Exemplo:
input type text comum :
<input type="text" value="Input comum1" />
input type text desabilitada 1 :
<input type="text" value="Input desabilitado1" disabled="disabled" />
O que o html e browser convencional fazem para indicar que o controle esta desabilitado é colocar o fundo
da janela, cor do texto e borda em cinza.
Se notar, a leitura fica mais dificil, especialmente em fontes de letras pequenas, e continua parecendo
um inputbox o que pode levar o usuário a tentar preencher esse campo.
Mas o efeito desejado seria o de exibir o texto apenas, como um label convencional e sem o efeito
acizentado que dificulta a leitura da informação dentro do box...e no submit que o dado vá para o servidor.
Para isto, temos que usar a css para personalizar o elemento:
input type text desabilitada 2 :
<input type="text" value="Input desabilitado2" disabled="disabled" />
Acertando a cor do texto (color:black;):
<input class="cortexto" type="text" value="Input desabilitado3" disabled="disabled" />
Com isto uma tag input foi exibida exatamente como um texto com boa visibilidade e com pouca possibilidade
de engarnar o usuário e este tentar preencher o campo e no submit será enviado ao servidor.
Estilos utilizados nesta página:
<style>
.cortexto{
color:black;
}