首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >如何禁用输入type=text?

如何禁用输入type=text?
EN

Stack Overflow用户
提问于 2010-05-20 22:31:58
回答 4查看 404.5K关注 0票数 141

如果可能的话,我想禁止使用JavaScript在text类型的输入字段中写入。输入字段是从数据库填充的;这就是为什么我不希望用户修改它的值的原因。

EN

回答 4

Stack Overflow用户

回答已采纳

发布于 2010-05-20 22:34:29

如果您在呈现页面时知道这一点,那么最好在呈现时禁用它,而不是在呈现时禁用它,而不是JavaScript。为此,只需将readonly属性(或者disabled,如果您还想将其从表单提交中删除)添加到<input>中,如下所示:

代码语言:javascript
复制
<input type="text" disabled="disabled" />
//or...
<input type="text" readonly="readonly" />
票数 188
EN

Stack Overflow用户

发布于 2010-05-20 22:37:16

代码语言:javascript
复制
document.getElementById('foo').disabled = true;

代码语言:javascript
复制
document.getElementById('foo').readOnly = true;

注意,readOnly应该在camelCase中才能在火狐中正常工作(魔术)。

演示:https://jsfiddle.net/L96svw3c/ --在某种程度上解释了disabledreadOnly之间的区别。

票数 231
EN

Stack Overflow用户

发布于 2010-05-20 22:34:07

随心所欲地获取对输入框的引用(例如document.getElementById('mytextbox'))并将其readonly属性设置为true

代码语言:javascript
复制
myInputBox.readonly = true;

或者,您可以简单地内联添加此属性(不需要JavaScript ):

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

https://stackoverflow.com/questions/2874688

复制
相关文章

相似问题

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