设置readonly属性以保持输入可编辑

时间:2012-06-13 08:42:12

标签: javascript jquery html

是否可以设置输入的“只读”属性以使其可编辑?

我正在做一个填字游戏,我可以改变我的功能来搜索/选择使用不同属性的标签,但我仍然想知道是否可能。

提前感谢您的帮助!

3 个答案:

答案 0 :(得分:6)

如果JavaScript readOnly属性设置为true(布尔值,而不是字符串),则控件将无法编辑。

如果JavaScript readOnly属性设置为false(布尔值,而不是字符串),则控件将是可编辑的。

如果存在HTML readonly属性,则readOnly属性将默认为true

如果HTML readonly属性不存在,则readOnly属性将默认为false

无论value属性具有什么状态,JavaScript都可以修改控件的readOnly属性。

如果将控件设置为readOnly(JavaScript控制台和DOM检查器不是普通用户界面),则无法通过普通浏览器UI对其进行编辑。

答案 1 :(得分:0)

属性readonly使输入控件对用户不可编辑。使用javascript你仍然可以改变它的价值。将javascript中的readonly属性设置为false对用户无效,输入仍为readonly。删除该属性将再次为用户呈现输入。

您还可以使用disabled属性,但有两点不同:字段显示为灰色,可以直接设置disabled属性。

this jsfiddle [注意:已更新]

中进行了全部测试/演示

答案 2 :(得分:-1)

我建议使用html5支持的数据前缀 数据只读="真" https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Using_data_attributes