Input只读

最新推荐文章于 2024-08-01 14:56:00 发布
最新推荐文章于 2024-08-01 14:56:00 发布
阅读量101 收藏
点赞数
文章标签： php
原文链接：https://my.oschina.net/hchen/blog/29089
版权

为什么80%的码农都做不了架构师？>>>   hot3.png

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

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

Disabled说明该input无效，及其value不会传递给任何程序，不随着表单提交，比如asp、php、jsp等。

Readonly仅仅是无法编辑，不影响其值的传递，跟表单一起提交。

转载于:https://my.oschina.net/hchen/blog/29089

weixin_33671935
关注
HTML中让表单input等文本框为只读不可编辑的方法
weixin_30311605的博客
12-30 435
方法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输入框内容只读
weixin_45743799的博客
11-26 8684
有的时候一些固定的数据只能观看而无法修改，那麽我们如何设置呢？ 设置input输入框内容的只读性在此我总结了两个方法。 效果演示 确实进行了选中修改添加文本内容等操作，但是数据始终是无法修改的。 方法一 readonly属性 使用方法 <input type="text" value="admin" readonly="readonly" /> 方法二 disabled属性 使用方...
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＞只读
weixin_63082074的博客
02-24 3724
让文本框只读
input只读
我是传奇
07-16 3263
有两种方式可以实现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，
浅谈html中input只读属性readonly和disable的区别
12-13
首先，`readonly` 属性主要用于`<input>`（如text和password类型）和`<textarea>`元素。当设置`readonly="readonly"`时，用户无法直接编辑这些元素的内容，但仍然可以选中、复制、粘贴文本。重要的是，即使内容被...
通过disabled和readonly将input设置为只读效果
12-14
在HTML表单设计中，有时候我们需要用户只能查看输入框（input）中的内容而不能修改，这时我们可以使用`disabled`和`readonly`属性来实现只读效果。这两种属性虽然都能达到表面的只读目的，但它们在功能上存在显著...
elementUI 设置input的只读或禁用的方法
01-21
只读：readonly 在data里定义：readonly: true, 然后在input框里加上readonly就可以了。 禁用：disabled 在data里定义：edit: true, 然后在input框里加上：:disabled=”edit”就可以了 PS：下面看下elementui...
el-input 只读vue
12-15
以下是el-input只读的Vue实现方法： 1. 在data中定义readonly为true： ```javascript data() { return { readonly: true } } ``` 2. 在el-input中加上:readonly="readonly"： ```html <el-input :readonly=...
input只读模式
qq_33061377的博客
09-27 424
使用readonly和disabled区别 readonly只能使用在type为text、password、textarea中 disabled对表单元素均有效，使用该属性的input值不会被传递在做一个简单的修改信息功能，因为使用disabled，导致主键在servlet中没有获取到，在数据库中无法更新，返回时，发现数据没有被更新还有一种使用事件控制： onfocus=this.blur() on
jquery批量设置属性readonly和disabled的方法
12-10
Jquery的api中提供了对元素应用disabled和readonly属性的方法，在这里记录下。如下： 1.readonly 代码如下: 　　$(‘input’).attr(“readonly”,”readonly”)//将input元素设置为readonly 　　$(‘input’).removeAttr(“readonly”);//去除input元素的readonly属性 　　 if($(‘input’).attr(“readonly”)==true)//判断input元素是否已经设置了readonly属性 　　 对于为元素设置readonly属性和取消readonly属性的方法还有如
html input 只读
ivan0609的专栏
11-06 1613
html input 只读 有两种方式可以实现input的只读效果：disabled 和 readonly。 自然两种出来的效果都是只能读取不能编辑，可是两者有很大不同。 Disabled说明该input无效，及其value不会传递给任何程序，比如asp、php等。 Readonly仅仅是无法编辑，不影响其值的传递。 Disabled使用： Readonly使用：
让input(文本框)表单只读的几种方法
One ITer
10-26 3979
有时候，我们希望表单中的文本框是只读的，让用户不能修改其中的信息，如使 的内容，"中国"两个字不可以修改。实现的方式归纳一下，有如下几种。 方法1: onfocus=this.blur() 效果: 方法2:readonly 效果: 方法3: disabled 效果: 来源于互联网,由oneiter整理！
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_44863665的博客
06-20 640
在小程序上使用只读属性很多人会遇到一个坑，那就是readonly属性设置没有效果，这是因为小程序不支持此属性，直接使用disabled=true即可，样式上不会发生改变。在开发过程中，经常在表单回显状态下需要设置部分input输入框为只读，然而设置只读属性在pc端h5和小程序上的表现是不一样的。两个属性的差异在于：使用disabled时，鼠标会变成一个禁止的样式，使用readonly就不会有变化。也可以使用disabled=true来实现。使用readonly属性就可以实现只读。
js 动态控制 input 框 的只读属性
雨果的博客
05-09 2892
input 框的只读属性： readonly在页面中直接添加为只读时，可在input中直接添加 readonly=”readonly”，但是如果想通过点击按钮来改变的话，需要通过js（或jquery）来实现。
页面多个input 设置只读
weixin_40030173的博客
01-04 259
var Inp = document.getElementsByTagName("input"); for (var i = 0; i < Inp.length; i++) { // if(Inp[i].type="text"){} Inp[i].setAttribute("readOnly", false); } 如果需要设背景色 Inp[i].style.backgroundColor = '#FFFFFF'
.input只读，禁用，必填，提示词（占位符）属性分别是什么？
qq_60504665的博客
06-21 696
元素有几个常用的属性，包括只读（readonly）、禁用（disabled）、必填（required）和提示词（占位符，placeholder）。属性通常一起使用，以告诉用户哪些字段是必填的，并提供一些指导性的输入建议。属性则用于控制用户的交互行为。
vue input 只读
06-01
如果你想要一个 Vue 的 input 元素只读，可以在 input 标签上添加属性 `readonly`，例如： ```html <input type="text" readonly :value="readOnlyValue" /> export default { data() { return { ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值