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.
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 desabilitada 1 :
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 desabilitada 3 : Acertando a cor do texto (color:black;):
input type text desabilitada 4 : Retirando a borda (border:0px;):
input type text desabilitada 5 : Alterando cor de fundo (background-color:white;):
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.