“冻结”输入框

Question

我有一个<input type="text" />元素。在某种程度上，我不希望它再接受文本。例如，由于某些原因，不允许将type更改为type="button"。

如何使我的<input>元素不再接受文本？

Answer 1

将其设为只读：

$('#myInput').attr('readonly', 'readonly');

Answer 2

只需使用以下命令禁用该控件：

<input type="text" disabled="disabled" />

但请注意，黑客仍有可能操纵提交的表单数据。您应该确保应用了适当的服务器端验证。

如果使用jQuery，您可以执行以下操作：

HTML:
<input id="my-text-box" type="text" />

JS - jQuery 1.5-:
$('#my-text-box').attr('disabled', 'disabled');
JS - jQuery 1.6+:
$('#my-text-box').prop('disabled', true);

Answer 3

添加READONLY属性(jQuery中的属性)。