html - 阻止用户在输入字段中输入文本

Question

是否只有 css 或 html 可以防止用户在输入字段中键入内容？

我想动态地添加东西和删除东西等到输入字段，但我不希望用户能够编辑它并使用 html< 上的 disable 属性 标签阻止我做我想做的事。

Answer 1

您可以使用readonly 或disabled 属性。

使用 disabled 的缺点是 disabled 元素的值不会在表单提交时提交。

您可能需要readonly。可以很容易地将其设置为看起来像禁用元素。

document.getElementById('test').value = 'Hello World!';

[readonly] {
  border: 1px solid #ccc;
  background-color: #eee;
}

<input type="text" id="test" name="test" readonly>