禁用输入，允许点击文本框

Posted 2023-02-22

【中文标题】禁用输入，允许点击文本框

【英文标题】：Disable input, allow click textbox

【发布时间】：2014-10-16 20:04:20

【问题描述】：

我正在使用 Bootstrap 样式构建一个 .net Web 应用程序。我有一个配备日期选择器的文本框场景，我想避免日期字符串验证的麻烦。我想我可以简单地检查空字符串值（无输入）作为唯一必要的验证并禁用键盘输入。这样，唯一可能的输入是通过日期选择器。

我唯一的问题是将 disabled 属性应用于日期选择器框会禁用单击，并且日期选择器通过单击文本框显示。

因此我的问题是：如何在允许点击的同时禁用文本框的输入？

【问题讨论】：

你为什么不用文本框以外的东西呢？例如可点击的文字，按钮

如果你真的想禁用文本框，那么你可以在禁用的输入前面放置一个元素，然后点击该元素。

【参考方案1】：

您可以使用readonly 属性代替disabled。

虽然禁用的元素不会响应事件（例如单击或悬停），但只读元素的行为与常规元素一样，尽管它们不可编辑。禁用的元素也不会在表单提交时发送。

JSFiddle