设置文本框为不可用

最新推荐文章于 2021-08-03 11:28:53 发布
最新推荐文章于 2021-08-03 11:28:53 发布
阅读量553 收藏
点赞数
分类专栏： HTML 文章标签： 设置文本框为不可用
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/dsh989224/article/details/84180390
版权
本文介绍了四种设置HTML文本框为不可用状态的方法：通过disabled属性实现完全禁用；使用readonly属性使文本框变为只读状态；利用display:none隐藏文本框但仍占用空间；采用visibility:hidden隐藏文本框且不占用空间。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

以下为几种不同的“设置文本框为不可用”的方法：

方法一： <input id= "UserID" type= "text" disabled/>   不可用 
方法二： <input id= "UserID" type= "text" readonly/>   只读 
方法三： <input id= "UserID" type= "text" style="display:none"/>   隐藏（但占位置） 
方法四： <input id= "UserID" type= "text" style="visibility:hidden"/> 隐藏（不占位置）

相对于这几种方法而言，它们的效果和作用还是有差别的，自己可以逐一试看效果……

easyui-textbox设置不可用
lxhuang_14的博客
08-09 3787
设置为不可用 1.Js有三种方法，分别是$("#twocode").textbox('disable'); $("#myInput").textbox({disabled:true}); $("#twocode").textbox('textbox').attr("disabled", "disabled");2.行上添加属性<input type="text" class="easyui-tex
禁用文本框输入中文，禁用中文输入法的ImeMode方法
最新发布
ylq1045的专栏
03-13 1478
之前遇到一个问题，在文本框切换输入法为中文后，使用扫码枪扫码时 会出现 比如条码NH123456 在文本框内会显示 你好23456 这里可以使用输入法编辑器ImeMode枚举属性 如果文本框只能输入英文数字，可以使用ImeMode.Disable，但默认不能拦截复制和粘贴按钮中文字符 如下属性ImeMode.Disable即可无法使用中文输入法只能输入字母数字，但无法禁用Ctrl+V复制粘贴键
js事件文本框不可用
09-03
js事件文本框不可用代码，文本框的统计等js的操作
使html文本框不可用
UFO
08-21 490
方法一：    不可用  方法二：    只读  方法三：    隐藏（但占位置）  方法四： 隐藏（不占位置） 有时候，我们希望表单中的文本框是只读的，让用户不能修改其中的信息，如使 的内容，"中国"两个字不可以修改。实现的方式归纳一下，有如下几种。 方法1: onfocus=this.blur() 效果: 方法2:readonly
如何把文本框设置为不可用的四种方法
在JAVA的世界中“乘风破浪”
05-25 4315
方法一：    不可用 方法二：    只读 方法三：    隐藏（不占位置） 方法四： 隐藏（占位置）
JQ 禁用文本框
大柱子
05-06 603
1 2 3 4 //文本框禁用 $("input[type='text']").each(function() { 　　$("#"+this.id).attr("disabled",true); }); 启用文本框 1 2 3 4 //文本框启用...
JS实现点击复选框将按钮或文本框变为灰色不可用的方法
12-09
本文介绍了一种JavaScript方法，用于实现点击复选框时使按钮或文本框变灰并设置为不可用，当复选框被选中时则恢复其可用状态。 首先，我们需要了解HTML结构。在示例中，我们有一个包含复选框（`checkbox`）和提交...
C#如何设置文本框是否可用
05-31
要设置C# Windows窗体应用程序中的文本框是否可用，可以使用文本框的Enabled属性。如果将Enabled属性设置为true，文本框将被启用并允许用户输入文本。如果将Enabled属性设置为false，则文本框将被禁用，并且用户将...
javascript 设置文本框中焦点的位置
10-29
需要注意的是，`createTextRange`方法仅在IE浏览器中可用，对于其他现代浏览器（如Chrome、Firefox等），需要采用不同的方法来设置焦点位置。一种通用的方法是使用`setSelectionRange`方法，示例如下： ```...
jq选中单选框后文本框不可编辑_word操作实例：解除文档编辑限制的2个方法
weixin_39637363的博客
11-21 277
不可置否，互联网已经成为我们生活中不可取代的一部分，而许多互联网上的资料对于很多工作的白领和办公人员来说，更是必不可少。因此，有的时候，我们会在网络上下载一些Word文档，打开该文档后却发现被限制编辑（文档保护），如下图所示。注：被限制编辑的文档菜单栏呈灰色不可用状态，且修改内容时，将自动打开“限制编辑”任务窗口。但是，这时候我们急需编辑或复制这篇文档的内容，因为文档被保护，想编辑却不行，想取消限...
文本框的禁用
ZhouHui优快云
08-03 1245
文本框的禁用 1、input文本框禁止修改文本 disabled属性： <input type="text" name="zhangsan" value="xxx" disabled="true"/> readonly属性： <input type="text" name="zhangsan" value="xxx" readonly="true"/> 以上两种属性都可以禁止文本框的修改。 2、disabled 和 readonly 属性的区别 disabled属性： 使文本框不
文本框禁用属性的添加和去除
程序羊的博客
02-24 1290
我们都知道，在HTML中，文本框内容是可以进行编辑的，所谓的编辑就是可以进行数据的整改，那么当我们想要文本框的内容不能进行修改的时候，往往可以给文本框添加一个禁用的属性（disabled），或者添加一个禁止点击的属性（readonly），这样文本框的内容就不能进行点击和修改了，但是这种情况下，一般都是固定的，即下次想要对文本框进行修改时，只能通过去后台修改源码了。假如我们遇到可以通过点击“开关”来...
html实现输入框不可用状态,2种方法设置输入框不可编辑
weixin_34732699的博客
05-31 4511
这篇文章主要是对几种设置表单元素中文本输入框不可编辑的方法进行了总结介绍。一般有2种方法使input文本框不可编辑。javascript设置输入框不可编辑的方法：1、使用disabled属性设置disabled属性规定应该禁用input元素，被禁用的input元素既不可用，也不可点击。可以设置disabled属性，直到满足某些其他的条件为止(比如选择了一个复选框等等)。然后，就需要通过JavaSc...
jQuery代码设置input输入框 不可编辑的切换
weixin_42590334的博客
11-27 2026
1.开启disabled，是input不可以编辑 $("#input_id").attr("disabled","disabled"); 2.关闭disabled $("#input_id").removeAttr(“disabled”); 普通js中是这样写的，document.getElementById(“input_id”).disabled = false; 3.设置input为di...
JS实现文本框不可编辑
热门推荐
meijory的博客
09-17 5万+
JS实现文本框不可编辑 方法1: onfocus=this.blur() 当鼠标放不上就离开焦点  方法2:readonly     方法3: disabled  disabled>  disabled="disabled"这样定义之后被禁用的 input 元素既不可用，也不可点击。 readonly="readonly" 只读字段是不能修改的。 js动态实
使input文本框不可编辑的方法
weixin_30814329的博客
10-16 4055
disabled 属性规定应该禁用 input 元素，被禁用的 input 元素，不可编辑，不可复制，不可选择，不能接收焦点,后台也不会接收到传值。设置后文字的颜色会变成灰色。disabled 属性无法与 <input type="hidden"> 一起使用。示例：<input type="text" disabled="disabled" /> read...
jquery实现文本框的禁用和启用
JuncaiLiao的专栏
11-05 3112
1，开启disabled，设置input不可编辑  代码示例: $("#id").attr("disabled","disabled"); 2，关闭disabled 代码示例: $("#id").removeAttr("disabled"); 普通js中是这样写的，document.getElementById("id").disabled = false;原来以为jquery
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值