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

Question

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

我正在做填字游戏，我可以更改功能以使用其他属性搜索/选择标签，但我仍在想是否可行。

预先感谢您的帮助！

Answer 1

如果JavaScript readOnly属性设置为true （布尔值，而不是字符串），则控件将不可编辑。

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

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

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

无论readOnly属性处于什么状态，JavaScript都可以修改控件的value属性。

如果将控件设置为readOnly （JavaScript控制台和DOM检查器不是普通UI），则无法通过常规浏览器UI编辑控件。

Answer 2

该属性为readonly会使用户无法编辑输入控件。 使用javascript，您仍然可以更改其值。 将javascript中的readonly属性设置为false对用户无效，输入仍将为readonly 。 删除该属性将使输入再次对于用户可编辑。

您还可以使用disabled属性，有两个区别：字段显示为灰色，并且可以直接设置disabled属性。

在此jsfiddle中已全部测试/演示[ 注意 ：已更新]

Answer 3

我建议使用html5支持的数据前缀data-readonly =“ true” https://developer.mozilla.org/zh-CN/docs/Web/Guide/HTML/Using_data_attributes