首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何模拟输入禁用?

如何模拟输入禁用?
EN

Stack Overflow用户
提问于 2012-04-19 18:27:49
回答 3查看 5.5K关注 0票数 4

我想禁用模拟输入。我希望在输入中不要改变值,但这个值应该与POST表单一起发送。

代码语言:javascript
复制
<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,但是如何使用呢?

EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2012-04-19 18:31:44

使用readonly属性而不是disabled

但是,这不会导致该字段灰显。要实现这一点,请使用以下CSS:

代码语言:javascript
复制
input[readonly] { color: #aaa; }

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

票数 11
EN

Stack Overflow用户

发布于 2012-04-19 18:29:50

使用readonly而不是disabled

票数 11
EN

Stack Overflow用户

发布于 2018-04-19 00:05:15

使用tabindex的解决方案。

创建一个.disabled类。

CSS:

代码语言:javascript
复制
.disabled {
    pointer-events:none; /* No cursor */
    background-color: #eee; /* Gray background */
}

JS:

代码语言:javascript
复制
$(".disabled").attr("tabindex", "-1");

HTML:

代码语言:javascript
复制
<input type="text" class="disabled" />
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/10226173

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档