我想模拟输入禁用。我希望输入中没有更改值,但是这个值应该通过带有 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">
我也可以使用 CSS 和 jQuery,但是如何使用呢?
我想模拟输入禁用。我希望输入中没有更改值,但是这个值应该通过带有 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">
我也可以使用 CSS 和 jQuery,但是如何使用呢?
使用readonly
代替disabled
使用readonly
属性而不是disabled
.
但是,这不会导致该字段变灰。为此,请使用以下 CSS:
input[readonly] { color: #aaa; }
(您可能需要稍微更改颜色以使其看起来更像原来的禁用颜色)
使用 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" />