¿navegador independiente de solo lectura?

Question

¿Existe una forma en HTML, JavaScript o jQuery para hacer un entrada elemento de "sólo lectura", es decir

• el usuario puede leerlo
• el usuario puede copiar su contenido en el portapapeles
• el usuario no puede cambiarlo

que funcionará en todos los navegadores? Sé que hay un atributo de "solo lectura" pero no es compatible con todos los navegadores.

No estoy preguntando sobre los aspectos de seguridad, solo la experiencia del usuario.

Answer 1

Una forma es falso:

<p class="fake_input">The readonly Value</p> 
<input type="hidden" name="real_input" value="The readonly Value" /> 

Y si usted quisiera que mirar como una caja de entrada de personas con discapacidad, que podría diseñarlo y esas cosas.

Solo recuerde que las personas pueden cambiar las entradas ocultas de cualquier manera.

Answer 2

si usando jQuery (y cuando se pone en la etiqueta) que entre navegadores:

$(...your input ...).attr('readonly','readonly'); 

edición: desde http://www.w3schools.com/tags/att_input_readonly.asp

El atributo de sólo lectura se apoya en todos los principales navegadores.

Answer 3

Aunque el atributo readOnly no distingue entre mayúsculas y minúsculas en html, se debe escribir 'readOnly' en js. Funciona cuando se asigna directamente en todos los navegadores e incluye IE6, pero la forma en que lo asigne puede ser específica del navegador.

element.setAttribute ('readOnly', 'readOnly') no funciona en los navegadores más antiguos, pero element.readOnly = 'readOnly' (o cualquier valor de verdad) funciona x-browser.