input text 的属性readonly disabled

最新推荐文章于 2021-04-02 12:02:09 发布
最新推荐文章于 2021-04-02 12:02:09 发布
阅读量127 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： 前端开发css-js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/iteye_16607/article/details/82094400
本文详细解释了HTML中disabled与readonly属性的区别。disabled使元素完全不可编辑且无法复制，而readonly仅阻止编辑但允许内容被复制。

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

disabled  --  完全不可编辑，并且是不能复制的。
readonly   --  不可编辑，但是是可以复制。

虽然 disabled readonly 都能input text 不可编辑，但是还是有些区别的。

浅谈html中input只读属性readonly和disable的区别
09-28
首先，`readonly`属性主要用于`<input>`（如`text`、`password`）和`<textarea>`元素。它使得用户无法修改已有的内容，但用户仍可以聚焦并看到内容。一个重要的特性是，当表单以`POST`或`GET`方式提交时，`readonly`...
html表单属性readonly和disabled的使用方法
09-28
- 使用方法：只需在HTML元素上添加`readonly`属性即可，例如对于`<input>`标签，可以写为`<input type="text" readonly>`。 2. **失效属性（disabled）** - `disabled` 属性则更加严格，它不仅使元素变为不可编辑...
关于html input text文本框禁止修改文本机制
T623048540的博客
11-02 1253
1、input文本框禁止修改文本 disabled属性： readonly属性： 以上两种属性都可以禁止文本框修改文字。 特别注意 回到顶部(go to top) 2、disabled和readonly属性的区别 disabled属性，使文本框不能修改内容，且文本框内容变灰色，通过request.getParameter(“name”)得不到文本框中的内容； readonly属性，只是使文本框不能修改内容，外观没有变化，而且通过request.getParameter(“name”)可以得到内容。 note
input标签设置文本不可修改的两种状态（disable、readonly）区别
good_good_xiu的博客
04-02 5359
问题场景：一般我们在对数据的增删改查操作中，有一些数据是不允许修改的，比如创建时间等固定信息。 实际开发中，我们会使用disabled属性或者readonly属性将input文本框设置成不可修改。这两者有什么区别呢？ <input type ="text" name = "name" value = "XXX" disabled> disabled属性会使文本框变灰，而且后端通过request.getParameter(“name”)得不到文本框中的内容。原因是，在表单传输数据时，如果inpu
html中input不可用或是只读的几种方式和区别
microdsy的专栏
10-24 1万+
将HTML文本框设为不可编辑文本框。方法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"
js给页面上所有type='text'的input加disabled属性
JiangBigShrimp的博客
11-17 1万+
js给页面上所有type='text'的input加disabled属性 eg: $(function(){ $('input[type="text"]').attr('disabled','disabled'); });
input属性disabled和readonly的区别
每天学习一点点
04-15 1306
1.disabled和readonly使用实例 disabled写法：<input type="text" name="aaa" value="xxx" disabled /> readonly写法：<input type="text" name="bbb" value="xxx" readonly /> 2.两种写法的相同点： 都会使文本框变成只读，不...
javascript中input中readonly和disabled区别介绍
11-30
`readonly`属性主要应用于`<input>`（如`type="text"`、`type="password"`）和`<textarea>`元素。它使得用户不能直接编辑这些元素内的文本，但用户仍然可以通过JavaScript或其他编程方式改变其值。当表单被提交时，`...
input属性disabled和readonly的区别（超详细的~~~~）
热门推荐
白小纯的博客
10-16 2万+
1.两种情况的写法，没什么太大的区别，两个属性而已 disabled写法：&lt;input type="text" name="aaa" value="xxx" disabled="true"/&gt; readonly写法：  &lt;input type="text" name="bbb" value="xxx" readonly=&
HTML <input> 标签的 disabled 属性
weixin_30951389的博客
02-20 383
定义和用法 disabled 属性规定应该禁用 input 元素。 被禁用的 input 元素既不可用，也不可点击。可以设置 disabled 属性，直到满足某些其他的条件为止（比如选择了一个复选框等等）。然后，就需要通过 JavaScript 来删除 disabled 值，将 input 元素的值切换为可用。 注释：disabled 属性无法与 <input type="...
input设置为disabled提交不了表单吗
小猪奋斗
11-15 2094
我把input设置为disabled后，提交不了表单 后来改为readonly后就可以提交啦求大神解析
Javascript: 为input设置readOnly属性
程序设计
04-21 9276
 1、js为设置readOnly属性            var cObj = document.getElementById("content");      cObj.setAttribute("readOnly",true);2、js移除readOnly属性      var cObj = document.getElementById("content");  
图解img标签的usemap使用
http://faveting.com/
07-15 1262
摘抄于   ----   作者:肖文伟 各位在看这篇文章之前请先到w3school来了解一下&lt;img&gt;标签中的usemap属性是什么: 在有些概念之后,文章将要开始介绍&lt;img&gt;标签的usemap详细使用方法了. usemap属性在w3school描述为: usemap 属性提供了一种“客户端”的图像映射机制. 事实上我个人觉得它就是在一个图像上描绘了多个“热点...
a标签rel标签影响js函数
http://faveting.com/
07-15 569
&lt;a href="#" title="countryside." rel="lightbox[about]"  onclick="showImg(5);return false;"&gt;5&lt;/a&gt;function showImg(img){        alert(img);        var i;        for(i=0;i&lt;=8;i++){    
HTML5：新增标签初始化及标签定义、参数总结(摘小山)
http://faveting.com/
07-15 318
1、aside定义：标签定义 article 以外的内容。aside 的内容应该与 article 的内容相关。 2、audio定义：标签定义声音，比如音乐或其他音频流。 3、canvas定义：标签定义图形，比如图表和其他图像。 4、command定义：标签定义命令按钮，比如单选按钮、复选框或按钮。 5、datalist定义：标签定义选项列表。请与 input 元素配合使用该元素，来定...
input readonly只读属性
最新发布
03-13
这和disabled属性不同，后者会禁用输入字段，数据不会提交。 接下来，我得考虑用户可能需要具体的例子。应该给出HTML中使用readonly的不同方式，比如直接在标签内添加，或者用JavaScript动态设置。同时，要对比...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值