设置input属性readonly=true为什么后台仍然能得到客户端js给它设置的值？-CSDN论坛

CSDN论坛 > Web 开发 > HTML(CSS)

设置input属性readonly=true为什么后台仍然能得到客户端js给它设置的值？ [问题点数：20分]

回复

⋅设置input属性readonly=true为什么后台仍然能得到客户端js给它设置的值？ ⋅Asp.net的WebForm已经是一种相当落后和有缺陷的技术了, 完全可以撤了 ⋅asp.net图片存放目录不在网站目录下，请求图片时怎么获取图片。 更多帖子 关注空间博客 小大飞 本版专家分：0 结帖率 80.77%: 0 2017-02-10 16:41:12 回复次数6

引用・举报・楼主

今天发现一段代码，input的属性readonly="readonly"了，但是前台js修改了这个input 的值，提交到后台后，后台是可以接收到被设置的新值的，这是为什么？

问题点数：20分

CSDN今日推荐

⋅此用户还没有发表过任何帖子 关注空间博客 三岁打酱油 本版专家分：6953: 0 2017-02-10 17:19:36

引用・举报・ #1 得分：0

readonly只是不能在页面上编辑，通过js是可以改变它的值

⋅此用户还没有发表过任何帖子 关注空间博客 三岁打酱油 本版专家分：6953: 0 2017-02-10 17:22:01

引用・举报・ #2 得分：0

后台能不能拿到值是完全取决于你自己有没有把这个值给到后台。

⋅使用vue获取数据时，共有7条数据，但是我只需要前两条，怎么处理 ⋅使用jQuery的load方法的时候，layui渲染问题 ⋅翻牌抽奖效果，点开其中一个后，提示改卡片翻牌后的奖项，提示完成后，其他的卡片接着翻过来 更多帖子 关注空间博客 辰洛 本版专家分：2518: 0 2017-02-11 08:42:44

引用・举报・ #3 得分：0

这个属性是说，不可以手动输入，但是可以通过js的赋值功能来修改input的value值

⋅建议增加勋章显示设置功能 ⋅博客勋章问题 ⋅建议博客增加自定义发布时间功能 更多帖子 关注空间博客 二月十六 本版专家分：2801 版主 榜眼 2017年总版技术专家分年内排行榜第二 金牌 2017年9月总版技术专家分月排行榜第一 2017年6月总版技术专家分月排行榜第一 2017年4月总版技术专家分月排行榜第一 2017年2月总版技术专家分月排行榜第一 银牌 2017年5月总版技术专家分月排行榜第二 2017年3月总版技术专家分月排行榜第二 铜牌 2018年7月总版技术专家分月排行榜第三 2017年10月总版技术专家分月排行榜第三 2017年8月总版技术专家分月排行榜第三 2017年7月总版技术专家分月排行榜第三: 0 2017-02-11 10:02:44

引用・举报・ #4 得分：0

readonly只是代表这个输入框不能手动编辑，但是不影响它的值。另外js可以对其值进行修改。

⋅此用户还没有发表过任何帖子 关注空间博客 Mine_MuYan 本版专家分：14: 0 2017-02-13 08:08:45

引用・举报・ #5 得分：0

直接写 readonly 就行了，不需要赋值。

⋅算法集锦2 ⋅排序算法1 ⋅从 Mac OS平台上将Python程序移植到windows需要做那些改变 更多帖子 关注空间博客 文修 本版专家分：278: 0 2017-02-14 13:03:13

引用・举报・ #6 得分：0

楼主的说法不对，readonly="readonly"只是不能编辑，
至于前台给后台传送数据和这个没有关系

回复

注册

其他相关推荐

input设置不可编辑后台获取不到数据: uid" disabled="disabled" value="${ p.id }">disabled="disabled" 这样后台是得不到的，可以用readonly="readonly"uid" readonly="readonly" value="${ p.id }"> 这样就可以了

input标签中设置readonly属性后光标显示问题: IE、火狐浏览器中，在HTML中,如果把一个&lt;input&gt;的readonly属性设置为"readonly",表示这个表单元素不能编辑。但是,鼠标点击之后,这个表单元素还是有光标存在的。以下方法可以解决这个问题： 1.设置属性 disabled="disabled"， &lt;input type="text" id="id" style="width:250px;heigh

<input>表单元素readonly时光标仍然可见: 在HTML中，如果把一个的readonly属性设置为"readonly"，表示这个表单元素不能编辑。但是，鼠标点击之后，这个表单元素还是有光标存在的。此时点击回退键，会引起页面回退。可以加上UNSELECTABLE='true'属性，取消光标的出现。

用js一次改变多个input的readonly属性的值: function doclick1(){ var txtN = document.getElementsByTagName("input"); for(i=0;i<txtN.length;i++){ if(txtN[i].type="text"){ txtN[i].readOnly=false; } } }

TextBox属性设为Readonly时，.net后端程序无法取值的问题解决: TextBox属性设为Readonly时，C#后端程序无法取值的问题解决 TextBox在Readonly時以Javascript給值無法在後端取得，我自己在测试的时候，在默认Readonly =false ,时也无法取值。系统提示无法找到这个("nametxtbox"控件，TextBox ID="nametxtbox"）。 .Net 2.0中使用TextBox元件﹐若設了readonly

在使用jquery时间控件的时候无论怎么设置readonly都没有效果，折腾了N久才知道了这个属性，希望可以为同样有过苦恼的童鞋有些帮助: editable=false的意思是设置当前输入框不可编辑，再配合jquery的时间控件很完美~

关于input文本框，设置为readonly后，onchage事件无响应处理方案: input文本框，设置为readonly后，由于onchage事件是当文本框失去焦点后才会触发的，所以导致使用jq绑定事件无效。处理方式使用原生js获取到文本框，document.inuptName.onchange = function (){ alert('onchange 事件触发')}。

readonly 和 disable 在表单提交时候的区别: 在用户需要将某些输入框

html的标签中unselectable=on属性的作用: 在HTML中，如果把一个的readonly属性设置为"readonly"，表示这个表单元素不能编辑。但是，鼠标点击之后，这个表单元素还是有光标存在的。此时点击回退键，会引起页面回退。可以加上UNSELECTABLE='true'属性，取消光标的出现。

html中input只读属性readonly 和 disable的区别: Readonly和Disabled它们都能够做到使用户不能够更改表单域中的内容。但是它们之间有着微小的差别，总结如下： Readonly只针对input(text / password)和textarea有效，而disabled对于所有的表单元素都有效，但是表单元素在使用了disabled后，当我们将表单以POST或GET的方式提交的话，这个元素的值不会被传递出去，而readonl

关闭