Question

我想禁用模拟输入。我想在输入中没有更改值，但是这个值应该使用带有FORM的POST发送。

<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，但是如何？

Answer 1

使用readonly代替disabled

Answer 2

使用readonly属性代替disabled。

但是，这不会导致字段变灰。要实现此目的，请使用以下CSS：

input[readonly] { color: #aaa; }

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

Answer 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" />

如何模拟输入禁用？

3 个答案: