¿Cómo puedo hacer que una entrada de texto no sea editable?

Question

Así que tienen una entrada de texto

<input type="text" value="3" class="field left"> 

Aquí es mi CSS para que

background:url("images/number-bg.png") no-repeat scroll 0 0 transparent; 
border:0 none; 
color:#FFFFFF; 
height:17px; 
margin:0 13px 0 0; 
text-align:center; 
width:17px; 

¿Hay un ajuste o un truco para esto, yo estaba pensando en hacer un sello en su lugar, pero ¿qué hay de la estilo. ¿Cómo los convierto y hay una manera mejor o es la única manera?

Answer 1

<input type="text" value="3" class="field left" readonly> 

No es necesario peinar.

Ver <input> en MDN https://developer.mozilla.org/en/docs/Web/HTML/Element/input#Attributes

Answer 2

Puede añadir el atributo readonly a la entrada:

<input type="text" value="3" 
     class="field left" readonly="readonly"> 

Más información: http://www.w3schools.com/tags/att_input_readonly.asp

Answer 3

Puede utilizar readonly atributo, si desea que su entrada solo para ser leído. Y puede usar el atributo disabled, si desea que se muestren los datos, pero totalmente deshabilitados (incluso los lenguajes de procesamiento como PHP no podrán leerlos).

Answer 4

añadir el atributo de sólo lectura

<input type="text" value="3" class="field left" readonly="readonly" > 

o -

<input type="text" value="3" class="field left" readonly> 

No CSS necesita!

Answer 5

sólo para completar las respuestas disponibles:

Un elemento de entrada puede ser de sólo lectura o desactivado (ninguna de ellas se puede editar, pero hay un par de diferencias: el enfoque, ...)

Buena explicación se puede encontrar aquí:
What's the difference between disabled=“disabled” and readonly=“readonly” for HTML form input fields?

Modo de empleo:

<input type="text" value="Example" disabled /> 
<input type="text" value="Example" readonly /> 

También hay algunas soluciones para hacerlo a través de CSS o JavaScript como se explica en here.

Answer 6

sólo tiene que añadir discapacitados al final

<input type="text" value="3" class="field left" disabled> 

Answer 7

<input type="text" value="3" class="field left" readonly> 

Se podía ver en https://www.w3schools.com/tags/att_input_readonly.asp

El método para establecer "sólo lectura":

$("input").attr("readonly", true) 

a cancelar "readonly" (trabajo en jQuery):

$("input").attr("readonly", false)