input只读模式

最新推荐文章于 2024-08-01 14:56:00 发布
最新推荐文章于 2024-08-01 14:56:00 发布
阅读量424 收藏
点赞数
分类专栏： Java HTML
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_33061377/article/details/78117124
版权
Java 同时被 2 个专栏收录
18 篇文章 0 订阅
订阅专栏
HTML
2 篇文章 0 订阅
订阅专栏 
使用readonly和disabled区别
readonly只能使用在type为text、password、textarea中
disabled对表单元素均有效，使用该属性的input值不会被传递

在做一个简单的修改信息功能，因为使用disabled，导致主键在servlet中没有获取到，在数据库中无法更新，返回时，发现数据没有被更新

还有一种使用事件控制：
onfocus=this.blur()
onfocus获取焦点事件，this.blur 取消焦点（获得焦点立即失去焦点，即处于不可编辑状态）

<input type="text" name="input1" value="中国" onfocus=this.blur()>

这里写图片描述




参考链接：HTML中让表单input等文本框为只读不可编辑的方法

CodingBugs
关注
专栏目录
vue中，设置全局的 input 为只读状态，并改变输入框背景色
weixin_48596030的博客
06-12 660
创建两个计算属性isReadOnly和inputBackgroundColor来根据check的值来确定input的只读状态和背景颜色。
HTML中让表单input等文本框为只读不可编辑的方法
12-02
有时候，我们希望表单中的文本框是只读的，让用户不能修改其中的信息，如使<input type="text" name="input1" value="中国"> 的内容，"中国"两个字不可以修改。实现的方式归纳一下，有如下几种。 方法1: onfocus=this.blur() 当鼠标放不上就离开焦点<input type="text" name="input1" value="中国" onfocus=this.blur()> 方法2:readonly <input type="text" name="input1" value="中国" readonly> <input type="tex
input设置为只读模式
热门推荐
weixin_39784070的博客
11-06 2万+
input框设置为只读依靠两个属性（disabled或readOnly），下面主要说明两者的区别： 1.disabled：作用范围大，所有input类型都有效，但被disabled修饰过的input的值不能随表单提交。 HTML中的表示： JQUERY中的表示：$("#eg1").attr("disabled","disabled"); 2.readOnly：作用范围较小，仅限于text，
input禁止输入的4种方法
最新发布
青茶
08-01 900
input type="text" value="哈哈哈" disabled="disabled"> //只读不可复制，无法选择， 文字会变成灰色。<input type="text" value="哈哈哈" readonly="readonly"> //使用readonly，字段为只读可复制。<input type="text" value="哈哈哈" onfocus="this.blur();
input只读
我是传奇
07-16 3263
有两种方式可以实现input的只读效果：disabled 和 readonly。自然两种出来的效果都是只能读取不能编辑，可是两者有很大不同。Disabled说明该input无效，及其value不会传递给任何程序，比如asp、php等。Readonly仅仅是无法编辑，不影响其值的传递。Disabled使用：Readonly使用：
input输入框内容只读
weixin_45743799的博客
11-26 8684
有的时候一些固定的数据只能观看而无法修改，那麽我们如何设置呢？ 设置input输入框内容的只读性在此我总结了两个方法。 效果演示 确实进行了选中修改添加文本内容等操作，但是数据始终是无法修改的。 方法一 readonly属性 使用方法 <input type="text" value="admin" readonly="readonly" /> 方法二 disabled属性 使用方...
浅谈html中input只读属性readonly和disable的区别
12-13
更重要的是，当表单以POST或GET方式提交时，`disabled`的元素值不会包含在提交的数据中。这就意味着，如果某个值在提交时是必要的，那么不应该使用`disabled`属性。 在实际应用中，`readonly` 和 `disabled` 的选择...
elementUI 设置input的只读或禁用的方法
10-17
总结一下，在Element UI中，设置input的只读状态通常是在组件中添加一个readonly属性，而设置禁用状态则需要在data中定义一个布尔值变量，并通过动态绑定的方式将其应用到:disabled属性上。当需要解除input的禁用...
html input 只读
ivan0609的专栏
11-06 1613
html input 只读 有两种方式可以实现input的只读效果：disabled 和 readonly。 自然两种出来的效果都是只能读取不能编辑，可是两者有很大不同。 Disabled说明该input无效，及其value不会传递给任何程序，比如asp、php等。 Readonly仅仅是无法编辑，不影响其值的传递。 Disabled使用： Readonly使用：
input标签设置只读模式、select标签设置只读模式，button按钮设置只读模式
weixin_42271651的博客
06-15 3535
input里面设置只读模式可以使用disabled或者readOnly;区别主要有两点： 1.disabled：作用范围大，所有input类型都有效，而且被disabled修饰过的input的值不能随表单一起提交。 例如：<input type="text" id="text" disabled> JS代码：$("#text").attr("disabled","disabled...
让文本框＜input＞只读
weixin_63082074的博客
02-24 3724
让文本框只读
input输入框只读的几种方式
qq_43842093的博客
05-29 7498
input输入框只读的几种方式 **readonly：**只针对input(text / password)和textarea有效；如果设为true，用户只是不能编辑对应的文本，但是仍然可以聚焦焦点，并且在提交表单的时候，该输入项会作为form的一项提交。 <input type="text" value="admin" readonly /> **disabled：**对于所有的表单元素都有效，包括select, radio, checkbox, button等。如果一个输入项的disabl
Input只读
weixin_33671935的博客
08-01 101
为什么80%的码农都做不了架构师？>>> ...
关于input标签设置只读属性的问题
weixin_44863665的博客
06-20 640
在小程序上使用只读属性很多人会遇到一个坑，那就是readonly属性设置没有效果，这是因为小程序不支持此属性，直接使用disabled=true即可，样式上不会发生改变。在开发过程中，经常在表单回显状态下需要设置部分input输入框为只读，然而设置只读属性在pc端h5和小程序上的表现是不一样的。两个属性的差异在于：使用disabled时，鼠标会变成一个禁止的样式，使用readonly就不会有变化。也可以使用disabled=true来实现。使用readonly属性就可以实现只读。
.input只读，禁用，必填，提示词（占位符）属性分别是什么？
qq_60504665的博客
06-21 696
元素有几个常用的属性，包括只读（readonly）、禁用（disabled）、必填（required）和提示词（占位符，placeholder）。属性通常一起使用，以告诉用户哪些字段是必填的，并提供一些指导性的输入建议。属性则用于控制用户的交互行为。
input表单只读
Ai卿的博客
10-15 215
1.readonly 只读 2.οnfοcus=this.blur() 不聚焦 3.disabled 禁止，提交前可以去除属性就可以提交内容。 $("#airlineCompany").removeAttr("disabled");
react input 只读
caoyan0829的博客
05-28 9352
只读   readonly    按第二种写就会警告，     所以应该按第一种写 readOnly   深圳的加一下群吧，一起交流，面试内推线下活动等等 最后分享一个公众号二维码，写一些散文和影评等，欢迎关注。 ...
设置input的只读属性
L-BAKE
10-27 1594
<br />input.readOnly = "true";<br /> input.setAttribute("readOnly","true");<br />http://azhp.blog.163.com/blog/static/47736718200871995313811/
el-input 只读
09-20
el-input的只读效果有两种实现方式。第一种是通过添加disabled属性或者readonly属性来将input设置为只读状态。具体实现方式为在input标签中添加readonly属性即可，代码示例如下： <el-input v-model="formData.departmentName" style="width:50%" placeholder="请选择部门" readonly /> 第二种方式是将input标签中的v-model双向绑定数据改为:value，这样操作后，就不会监测到输入框的input事件了，也达到了只读的效果。代码示例如下： <el-input :value="formData.departmentName" style="width:50%" placeholder="请选择部门" readonly />
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值