input框readonly与disabled的区别

最新推荐文章于 2024-06-07 10:52:31 发布
最新推荐文章于 2024-06-07 10:52:31 发布
阅读量409 收藏
点赞数
属性在页面上不能编辑但是要在input框中显示，并且能将值传给后台是给input框加一个readonly=”readonly”
<td colspan="2">密码更换周期<input type="text" value="14" name="periodPasswordChange" id="periodPasswordChange" readonly="readonly">天</td>
如果只是显示不能编辑的状态可以将input框加一个disabled=”disabled”
<td colspan="2">密码更换周期<input type="text" value="14" name="periodPasswordChange" id="periodPasswordChange" disabled="disabled">天</td>
紫幽怡兰
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
表单提交input输入框设为只读
weixin_42485577的博客
09-04 609
方法一 使用readonly <input type="text" class="form-control" name="test" id="test" value=" " readonly/> 可在js中给input标签赋值 $("#test").val(123); 方法二 使用disabled <input type="text" class...
javascript中input中readonly和disabled区别介绍
10-27
在JavaScript中，`readonly` 和 `disabled` 是两个用于表单输入元素的重要属性，它们都可以防止用户直接编辑输入框内的内容，但它们在功能和效果上存在一些差异。 1. **`readonly` 属性**： - `readonly` 属性主要...
＜input＞ 标签的 readonly 属性
Jerry Man的博客
08-10 3018
实例 带有两个文本字段和一个提交按钮的 HTML 表单： <form action="form_action.asp" method="get"> Name:<input type="text" name="email" /> Country:<input type="text" name="country" value="China" readonly="readonly" /> <input type="submit" value="Submit"
input属性disabled和readonly的区别
qq_32864189的博客
04-17 181
1.两种情况的写法，没什么太大的区别，两个属性而已 disabled写法：<input type="text" name="aaa" value="xxx" disabled="true"/> readonly写法：<input type="text" name="bbb" value="xxx" readonly="true"/> 2. 两种写法的相同点： ...
input中的disabled 和 readonly的区别
最新发布
z16638522031的博客
06-07 314
经常遇到当用户正式提交了表单后需要等待管理员的信息验证，这就不允许用户再更改表单中的数据，而是只能够查看，由于disabled的作用元素范围大，所以此时应该使用disabled，但同时应该注意的是要将submit button也disabled掉，否则只要用户按了这个按钮，如果在数据库操作页面中没有做完整性检测的话，数据库中的值就会被清除。2、但是表单元素在使用了disabled后，当我们将表单以POST或GET的方式提交的话，这个元素的值不会被传递出去，而disabled对于所有的表单元素都有效，
input输入框内容只读
weixin_45743799的博客
11-26 8655
有的时候一些固定的数据只能观看而无法修改，那麽我们如何设置呢？ 设置input输入框内容的只读性在此我总结了两个方法。 效果演示 确实进行了选中修改添加文本内容等操作，但是数据始终是无法修改的。 方法一 readonly属性 使用方法 <input type="text" value="admin" readonly="readonly" /> 方法二 disabled属性 使用方...
表单中Readonly和Disabled的区别详解
10-24
在HTML表单中，`readonly` 和 `disabled` 是两个重要的属性，它们都可以用来限制用户对表单元素的交互，但它们之间的区别在于作用范围、提交表单时的行为以及用户体验等方面。 首先，`readonly` 属性主要用于`...
readonly和disabled的区别
09-06
在网页表单设计中，`readonly` 和 `disabled` 是两个非常常见的属性，它们都用于限制用户对输入字段的编辑，但它们之间存在着显著的区别。理解这些差异对于创建功能完整且用户体验良好的表单至关重要。 首先，`...
readonly和disabled属性的区别
09-03
首先，`readonly`属性主要用于文本框（`<input type="text">`）、密码框（`<input type="password">`）以及多行文本框（`<textarea>`）。当一个表单字段被设置了`readonly`属性，用户虽然不能编辑其中的文本，但文本...
input元素的disabled属性
2301_76222589的博客
02-19 1470
input元素的disabled属性
使input文本框不可编辑的3种方法
热门推荐
u010210251的博客
11-08 16万+
今天试了一下使input文本框不可编辑的3种方法，现在总结一下： disabled 属性规定应该禁用 input 元素，被禁用的 input 元素，不可编辑，不可复制，不可选择，不能接收焦点,后台也不会接收到传值。设置后文字的颜色会变成灰色。disabled 属性无法与 一起使用。 示例： readonly 属性规定输入字段为只读可复制，但是，用户可以使用Tab键切
vue 动态控制input输入框的disabled属性
月影神社
09-23 1万+
最近项目上提出一个经常遇到的需求，点击新增时input可输入，点击编辑时input置灰。写下过程，希望能帮助到大家。 1.首先在input上添加disabled属性 2.data中定义isDisabled值为false(可编辑) 3.在新增的点击事件中设置isDisabled=false(可编辑) .编辑的点击事件中设置isDisabled=true(不可编辑). 最后的效果就是文章最开头啦！ ...
HTML -- 使input文本框不可编辑的2种方法（有disabled属性的input框，后台获取不到值）
天行健 君子以自强不息，地势坤 君子以厚德载物。
05-29 4283
1. 使input文本框不可编辑的3种方法 1.1 disabled disabled 属性规定应该禁用 input 元素，被禁用的 input 元素，不可编辑，不可复制，不可选择，不能接收焦点，后台也不会接收到传值。设置后文字的颜色会变成灰色。disabled 属性无法与 <input type="hidden"> 一起使用。 示例：<input type="text" disabled="disabled" /> 1.2 readonly readonly 属性规定输入字段为
js 实现 input 框 是否只读属性
weixin_43862596的博客
03-16 2635
input 框只读属性： readonly 在页面中直接添加为只读时，可在input中直接添加 readonly=“readonly”， 但是如果想通过点击按钮或其他改变值来修改是否只读的属性，需要通过 js（或jquery）来实现。 js 在对于readonly、disabled等属性设置时，有一个小问题：首先， document.getElementById(“id”).readonly = “true”; 设置input为只读， 但是，当通过document.getElementById(“
input框的disable和readonly区别
babyZeng
07-23 1285
html中的input框,如果想设置为只读功能时,可以设置为: &lt;input  disabled="disabled"  type="text" /&gt;或 &lt;input  disabled="true"  type="text" /&gt; &lt;input  readonly="readonly"  type="text" /
js 动态控制 input 框 的只读属性
katherine的专栏
09-09 7万+
input 框的只读属性：  readonly 在页面中直接tianjia
Form表单input框设置可编辑与失效（readonly）
qq_39024372的博客
10-12 8190
1.form框 input type="text" name="phone" id="phone" value="" readonly/>    a href="javascript:;" onclick="jump()" id="chgph">更换手机号码a> 2.jquery代码 script type="text/javasc
jquery设置表单元素只读_JQuery控制input的readonly和disabled属性
05-26
可以使用 jQuery 的 `prop()` 方法来设置表单元素的 `readonly` 和 `disabled` 属性。 例如，要将一个输入框设置为只读，可以使用以下代码： ```javascript $("#input-id").prop("readonly", true); ``` 同样地，要将一个输入框设置为禁用，可以使用以下代码： ```javascript $("#input-id").prop("disabled", true); ``` 需要注意的是，`readonly` 属性表示输入框只读，用户可以复制内容但无法修改；而 `disabled` 属性表示输入框被禁用，用户无法复制、修改或提交其中的内容。两者的效果略有不同，需要根据具体情况进行选择。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值