“冻结”输入框

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中的属性）。

Answer 4

您需要修改readonly属性。

Answer 5

使用JavaScript，您可以执行document.getElementById("textbox").disabled = "disabled";，这将使其成为只读。