浏览器独立readonly？

Question

HTML,JavaScript或jQuery中是否有一种方法可以使输入元素"只读",即

• 用户可以阅读它
• 用户可以将其内容复制到剪贴板
• 用户无法更改它

这将适用于所有浏览器？我知道有一个"只读"属性,但并不是所有浏览器都支持它.

我不是在询问安全方面,只是用户体验.

Answer 1

如果你使用jQuery(当你放入标签时)它跨浏览器:

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

编辑:来自http://www.w3schools.com/tags/att_input_readonly.asp

所有主流浏览器都支持readonly属性.

Answer 2

一种方法是伪造它：

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

如果你想让它看起来像一个禁用的输入框，你可以设置它的样式和其他东西。

请记住，人们可以随意更改隐藏的输入。