html input 设置为只读属性

最新推荐文章于 2024-06-21 14:41:01 发布
最新推荐文章于 2024-06-21 14:41:01 发布
阅读量722 收藏
点赞数 2
CC 4.0 BY-SA版权
分类专栏： html 文章标签： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/key131413/article/details/84588768
本文探讨了HTML中实现input只读效果的两种方式：disabled和readonly的区别，解释了它们如何影响input的交互性和数据传递。

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

有两种方式可以实现input的只读效果：disabled 和 readonly。

自然两种出来的效果都是只能读取不能编辑，可是两者有很大不同。

Disabled说明该input无效，及其value不会传递给任何程序，比如asp、php等。
Readonly仅仅是无法编辑，不影响其值的传递。

Disabled使用：<INPUT type="text" name="username" value="james" disabled>
Readonly使用：<INPUT type="text" name="partNumber" value="1500" readonly>
html中设置input框只读
qq_45800365的博客
02-22 817
html中设置input框只读
浅谈html中input只读属性readonly和disable的区别
09-28
首先，`readonly`属性主要用于`<input>`（如`text`、`password`）和`<textarea>`元素。它使得用户无法修改已有的内容，但用户仍可以聚焦并看到内容。一个重要的特性是，当表单以`POST`或`GET`方式提交时，`readonly`...
input只读
我是传奇
07-16 3390
有两种方式可以实现input的只读效果：disabled 和 readonly。自然两种出来的效果都是只能读取不能编辑，可是两者有很大不同。Disabled说明该input无效，及其value不会传递给任何程序，比如asp、php等。Readonly仅仅是无法编辑，不影响其值的传递。Disabled使用：Readonly使用：
input设置为只读模式
热门推荐
weixin_39784070的博客
11-06 2万+
input框设置为只读依靠两个属性（disabled或readOnly），下面主要说明两者的区别： 1.disabled：作用范围大，所有input类型都有效，但被disabled修饰过的input的值不能随表单提交。 HTML中的表示： JQUERY中的表示：$("#eg1").attr("disabled","disabled"); 2.readOnly：作用范围较小，仅限于text，
让文本框＜input＞只读
weixin_63082074的博客
02-24 4189
让文本框只读
关于input标签设置只读属性的问题
weixin_44863665的博客
06-20 1484
在小程序上使用只读属性很多人会遇到一个坑，那就是readonly属性设置没有效果，这是因为小程序不支持此属性，直接使用disabled=true即可，样式上不会发生改变。在开发过程中，经常在表单回显状态下需要设置部分input输入框为只读，然而设置只读属性在pc端h5和小程序上的表现是不一样的。两个属性的差异在于：使用disabled时，鼠标会变成一个禁止的样式，使用readonly就不会有变化。也可以使用disabled=true来实现。使用readonly属性就可以实现只读。
通过disabled和readonly将input设置为只读效果
12-14
首先，`disabled`属性将input元素设置为禁用状态。当一个input字段被`disabled`时，它的背景通常会呈现一种灰色半透明的效果，以表明用户无法交互。更重要的是，被`disabled`的input字段的值不会作为表单数据提交。...
HTML中让表单input等文本框为只读不可编辑的方法
weixin_30311605的博客
12-30 484
方法1: onfocus=this.blur() 当鼠标放不上就离开焦点<input type="text" name="input1" value="中国" onfocus=this.blur()>方法2:readonly<input type="text" name="input1" value="中国" readonly><input type="text...
input只读模式
qq_33061377的博客
09-27 474
使用readonly和disabled区别 readonly只能使用在type为text、password、textarea中 disabled对表单元素均有效，使用该属性的input值不会被传递在做一个简单的修改信息功能，因为使用disabled，导致主键在servlet中没有获取到，在数据库中无法更新，返回时，发现数据没有被更新还有一种使用事件控制： onfocus=this.blur() on
input输入框内容只读
weixin_45743799的博客
11-26 8813
有的时候一些固定的数据只能观看而无法修改，那麽我们如何设置呢？ 设置input输入框内容的只读性在此我总结了两个方法。 效果演示 确实进行了选中修改添加文本内容等操作，但是数据始终是无法修改的。 方法一 readonly属性 使用方法 <input type="text" value="admin" readonly="readonly" /> 方法二 disabled属性 使用方...
.input只读，禁用，必填，提示词（占位符）属性分别是什么？
最新发布
qq_60504665的博客
06-21 1845
元素有几个常用的属性，包括只读（readonly）、禁用（disabled）、必填（required）和提示词（占位符，placeholder）。属性通常一起使用，以告诉用户哪些字段是必填的，并提供一些指导性的输入建议。属性则用于控制用户的交互行为。
让input(文本框)表单只读的几种方法
One ITer
10-26 4054
有时候，我们希望表单中的文本框是只读的，让用户不能修改其中的信息，如使 的内容，"中国"两个字不可以修改。实现的方式归纳一下，有如下几种。 方法1: onfocus=this.blur() 效果: 方法2:readonly 效果: 方法3: disabled 效果: 来源于互联网,由oneiter整理！
html input 只读
ivan0609的专栏
11-06 1684
html input 只读 有两种方式可以实现input的只读效果：disabled 和 readonly。 自然两种出来的效果都是只能读取不能编辑，可是两者有很大不同。 Disabled说明该input无效，及其value不会传递给任何程序，比如asp、php等。 Readonly仅仅是无法编辑，不影响其值的传递。 Disabled使用： Readonly使用：
设置input的只读属性
L-BAKE
10-27 1663
<br />input.readOnly = "true";<br /> input.setAttribute("readOnly","true");<br />http://azhp.blog.163.com/blog/static/47736718200871995313811/
html中只读属性
wang20y8的博客
11-12 4832
把disabled="disabled"改成readonly="readonly" readonly="readonly"的属性，可以查看 http://www.w3school.com.cn/tags/att_input_readonly.asp
input设置只读
weixin_30607029的博客
05-18 679
<input type="text" value="只读是可以读取其文字内容的但不能编辑和输入" readonly= "true "size="100"><input type="text" value="文字变灰不能读取其文字内容也不能编辑和输入" disabled="true" size="100"> 转载于:https://www.cnblogs.co...
设置input标签成只读
lzx8023的专栏
05-28 614
设置input标签的内容为只读： 1、脚本中对应的属性为obj.readOnly。 [code="java"] [/code] 2、myinput完全禁用掉，无法向后台提交值 [code="java"] [/code] 3、 [code="java"] [/code] 大家在设置input只读属性时，可以参照以上三种方法之一，选择自己喜欢的用吧。...
react input 只读
曹焱的博客
05-28 9404
只读   readonly    按第二种写就会警告，     所以应该按第一种写 readOnly   深圳的加一下群吧，一起交流，面试内推线下活动等等 最后分享一个公众号二维码，写一些散文和影评等，欢迎关注。 ...
jsp 中 input 怎么设置只读属性
06-07
在 JSP 中，可以通过设置 `readonly` 属性来使 `input` 元素只读。例如，一个只读的文本框可以这样定义： ```html <input type="text" name="username" value="some value" readonly> ``` 这样，用户就无法在...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值