如何在输入文本中阻止写入？

Question

我只是创建一个预订系统，我希望用户从日历中选择一个日期，它会在输入文字中显示 - 我做了！

现在我想阻止输入文本中的写入（当用户选择日期时，只需在日历中写入日历）。 我该怎么做？我猜JavaScript，但是怎么样？我不知道JS墙壁..

非常感谢！

Answer 1

为您的元素提供readonly属性，这将禁止用户在其中键入任何内容。但是，您仍然可以编写以通过javascript添加，例如选择日期时。这是一个例子：

<input type="text" id="txt" readonly="readonly">

<强> JavaScript的：

var el = document.getElementById('txt');
el.value = "Testing......";

Working Demo

Answer 2

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

禁用的属性会阻止任何用户输入，但您仍然可以通过javascript日历方法写入。

Answer 3

对于那些希望防止键入但没有禁用样式的人，可以尝试：

<input type="text" onkeypress="return false;"/>