Javascript 如何模拟输入禁用？

我想模拟输入禁用。我希望输入中没有更改值，但此值应随表单一起发送

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

使用

只读

而不是

禁用
使用
只读
属性而不是
禁用

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

input[readonly] { color: #aaa; }

（您可能需要稍微更改颜色，使其看起来更像原始禁用的颜色）
使用tabindex的解决方案

创建一个.disabled类

CSS:

JS:

HTML:


将字段标记为
只读
。我知道这是一个旧线程，但可能是重复的。。。属性
readonly
允许您修改它。你应该这样做：我知道这是一个旧线程，但。。。属性
readonly
允许您修改它。您应该这样做：不允许的图标怎么办？“cursor:not allowed”在这里不起作用，因为“pointer events:none”禁用了cursor事件。这意味着光标在悬停输入时不会改变。我相信您可以将“cursor”属性添加到父元素中以实现相同的结果。
.disabled {
    pointer-events:none; /* No cursor */
    background-color: #eee; /* Gray background */
}

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

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