如何模拟输入禁用？答案

【问题标题】：How to simulate input disabled?如何模拟输入禁用？
【发布时间】：2012-04-19 10:27:48
【问题描述】：

我想禁用模拟输入。我希望输入中没有更改值，但此值应通过 POST 和 FORM 发送。

<input class="dis" type="text" disabled="disabled" value="111">
<input class="no" type="text">
<input class="dis" type="text" disabled="disabled" value="333">

http://jsfiddle.net/hC4WP/

我也可以使用 CSS 和 jQuery，但是如何使用呢？

【问题讨论】：

将该字段标记为readonly。
submit disabled fields的可能重复
我知道这是一个旧线程但是...属性readonly 允许您修改它。你应该这样做：stackoverflow.com/questions/368813/…

标签： javascript jquery html css

【解决方案1】：

使用readonly 属性而不是disabled。

但是，这不会导致该字段变灰。为此，请使用以下 CSS：

input[readonly] { color: #aaa; }

（您可能需要稍微更改颜色以使其看起来更像原来的禁用颜色）

【讨论】：

我知道这是一个旧线程但是...属性readonly 允许您修改它。你应该这样做：stackoverflow.com/questions/368813/…

【解决方案2】：

使用readonly 代替disabled

【讨论】：

【解决方案3】：

使用 tabindex 的解决方案。

创建一个 .disabled 类。

CSS：

.disabled {
    pointer-events:none; /* No cursor */
    background-color: #eee; /* Gray background */
}

JS：

$(".disabled").attr("tabindex", "-1");

HTML：

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

【讨论】：

不允许的图标怎么办？
"cursor: not-allowed" 在这里不起作用，因为 "pointer-events:none" 禁用光标事件。这意味着光标在悬停输入时不会改变。我相信您可以将“光标”属性添加到父元素以实现相同的结果。