把整个页面中的内容设置成只读，不可编辑

zgycsmb 2010-08-30 04:38:22
php页面中，有一body,
body中有很多种文本框
现怎么让 body中全部内容只读，
thanks

...全文
14328 15 打赏 收藏 举报
写回复
15 条回复
切换为时间正序
当前发帖距今超过3年，不再开放新的回复
发表回复
zhangjin123123 2013-05-02
12楼的解答非常正确
  • 打赏
  • 举报
 回复 赞
mjxly 2013-04-02
其实最简洁实用的方法就是禁用保存或提交按钮就好了
  • 打赏
  • 举报
 回复 赞
alinsenger 2010-09-01
过来看下 顺便学习一下经验！
  • 打赏
  • 举报
 回复 赞
ciray 2010-09-01
我来介绍下用jquery设置disabled的属性吧。
html页面上引入jquery库文件就不多说了
设置的语句如下：



<script type="text/javascript>

$(function(){

   $("input").attr("disabled",true);

});

</script>



当然了，如果你不用jquery，原生态javascript可以这么写:


document.getElementsByTagName("input").disabled = true;
  • 打赏
  • 举报
 回复 赞
xintianyu 2010-09-01
DIV的透明层实现

<body bgcolor="#ff0ddd">
<div id="Layer1" style="position:absolute; width:260px; height:115px; z-index:1; left: 50px; top: 77px; filter:Alpha(opacity=30)"> powered by xty_zyn
<table width="96%" border="1" cellpadding="1" cellspacing="1" bordercolor="#FFFFFF" bgcolor="#999999">
<tr>

<td height="25" bgcolor="#f5f5f5" class="13">你也可以在这里插入图片</td>
</tr>
<tr>

<td height="20" bgcolor="#f5f5f5" class="12">你想注册地图名片吗</td>
</tr>
<tr>

<td height="20" bgcolor="#f5f5f5" class="12">http://mc.mapabc.com</td>
</tr>
<tr>

<td height="20" bgcolor="#f5f5f5" class="12">EMAIL:lipeng@mapabc.com</td>
</tr>
<tr>

<td height="20" bgcolor="#f5f5f5" class="12">地址</td>
</tr>
<tr>

<td height="20" bgcolor="#f5f5f5" class="12">邮编</td>
</tr>
</table>
</div>

  • 打赏
  • 举报
 回复 赞
zgycsmb 2010-09-01
多谢大家，能提供 9楼的二种方法的二个例子吗，
  • 打赏
  • 举报
 回复 赞
ciray 2010-08-31
我来总结一下
比较先进的方法是在body体内加个div，设置其style的index值最大，比如9999，结合css和div技术可以实现当前页面上浮一个透明层，这样用户就不能操作了。

比较彻底的方法，是遍历所有表单元素将其disabled，这个用jquery一个方法就能搞定。至于楼上兄弟提出的readonly属性，只对文本框、文本区域有效，对下拉框等表单元素无效。
  • 打赏
  • 举报
 回复 赞
amani11 2010-08-30
disabled了 如在表单中，数据不能传递

如非要传递，还不能修改，用readonly
  • 打赏
  • 举报
 回复 赞
xuzuning 2010-08-30
比较简单的方法是在表单上面加一个透明的层
  • 打赏
  • 举报
 回复 赞
xuzuning 2010-08-30
给文本框加上只读属性 readonly
  • 打赏
  • 举报
 回复 赞
美人心计1999 2010-08-30
这个就只能这样了
  • 打赏
  • 举报
 回复 赞
liuyang1588 2010-08-30
1樓的方法不錯
  • 打赏
  • 举报
 回复 赞
heyli 2010-08-30
可以遍历表单的元素　就不用每一个都去写
  • 打赏
  • 举报
 回复 赞
zgycsmb 2010-08-30
还有其它的checkbox text 等都一个一个加？
有没有更好的方法？
  • 打赏
  • 举报
 回复 赞
CunningBoy 2010-08-30
所有的input加disabled.
<input ... disabled/>
  • 打赏
  • 举报
 回复 赞
相关推荐
C# 批量设置WinForm界面上的所有控件不可编辑 本例中，为WinForm提供方法，批量设置其界面上所有的控件为不可编辑状态 方法： SetReadOnly( Control.ControlCollection , List, Boolean>> , List) 说明： 当窗体内的控件存在[ReadOnly]属性时，只设置...
vue 将整个表单设置为只读_把整个页面中的内容设置成只读，不可编辑 方法一：比较先进的方法是在body体内加个div，设置其style的index值最大，比如9999，结合css和div技术可以实现当前页面上浮一个透明层，这样用户就不能操作了。poweredbyxty_zyn你也可以在这里插入图片你想注册地图...
把整个页面中的内容设置成只读，不可编辑，只需要一段代码 只需要遍历所有表单元素将其disabled，这个用jquery就搞定了  Jquery写法 &lt;script type="text/javascript&gt; $(function(){ $("input"...document.getElemen...
jquery 设置页面所有元素不可点击、不可编辑、只读 $("input").attr('readonly', true);$("textarea").attr('readonly', true);$(':radio').attr('disabled', true)； $(':checkbox').attr('disabled', true); $(':button').attr('disabled', true);...
html 怎么设置不可编辑状态,css如何设置不可编辑？ css设置不可编辑的方法：1、通过readonly属性规定输入字段为只读实现不可编辑。2、通过disabled属性规定禁用input元素实现不可编辑。css设置不可编辑：1、css通过readonly属性规定输入字段为只读实现不可编辑：Name:...
高效编程之jquery 设置页面元素不可点击、不可编辑、只读 $("input").attr('readonly', true); $("textarea").attr('readonly', true); $(':radio').attr('disabled', true); $(':checkbox').attr('disabled', true); $(':button').attr('disabled', true);...
jquery 设置页面元素不可点击、不可编辑、只读（备忘） 可以共用一个页面，只需要页面跳转的时候传一个标识，区分跳转的是编辑还是查看页面，如果是查看页面就把页面所有 的表单属性设置为只读就行了，例如： $('form').find('input,textarea,select').not('.btn ...
easyui textbox 设置只读不可编辑状态 在使用easyul的时候，发现输入框内容及不容易获取与设置，用jquery的方式大部分失效。依稀记得好像是因为easyul会在原页面的基础上，生成了一些新的独有样式，并且暂时覆盖掉使用了easyul的标签块。 具体我也忘记了...
MIUI中如何设置JSP页面中的字段为只读不可修改状态 MIUI中input框中设置为只读的属性值与其他框架不同，其他框架为 readonly与disabled，而MIUI为enabled &lt;input style="width:80%" id="job_date" name="job_date" class="...
页面所有el-select设为只读、不可编辑 如果页面有多个el-select <el-select v-model="ysStore.businessCateory" filterable placeholder="请选择" :disabled="!isSearch"> <el-option v-for="item in options" :key="item.value" :label="item....
python 对PDF文件加密、设置只读、不可编辑pypdf2 想对PDF加密，设置只读权限，让别人不能修改我的PDF。 pypdf2的使用：https://www.jianshu.com/p/e3d384e51db9（这个是随便搜的一篇中文的，其实它就是官方文档翻译了一下。） pypdf2官方文档：...
css统一将页面input，select，textarea元素改为不可编辑（只读状态） 我竟然开始一个一个去加readonly和disabled $("textarea[name='realCodeExpression']").val... /*全部设为只读*/ $("input").attr('readonly', true) $("select").css(disabled,true) $("textarea...
checkbox设置复选框的只读效果不让用户勾选 有时候是只想告知用户这个地方是可以进行勾选操作的而不想让用户在此处勾选（比如在信息展示页面），这时候就需要将复选框设置成只读的效果，具体实现方法如下
如何解决webstorm不可编辑保存只读文件的问题 今天用webstorm开发一个简单的项目时，发现创建的文件夹及里面的文件的右下角都有一个小锁的标志，代表文件是只读状态，不可以编辑。 错误操作！ 一开始，我是利用权限直接找到该文件的路径，右键点击显示简介，出现...
web前端-vue中设置el-form-item是否可编辑 设置el-input，textarea只读方法，使显示的文本内容不允许变更。此时，可通过页面限制防止用户修改 方法：添加readonly="true" 或者:disabled="true" 均可实现。代码示例如下所示： <el-form-item label="用户...
AngularJS进阶(三)HTML:让表单、文本框只读，不可编辑的方法 HTML:让表单、文本框只读，不可编辑的方法 有时候，我们希望表单中的文本框是只读的，让用户不能修改其中的信息，如使&lt;input&nbsp;type="text"&nbsp;name="input1"&nbsp;val...
pycharm打开项目后只读变为可编辑 粘贴了一些文件到项目中, 打开pycharm准备编辑,发现文件属于只读模式,点击右下角的解锁按钮也无法编辑. 解决方案 命令格式: sudo chown -R username Filename 输入密码后, 再次打开pycharm项目,便可以编辑了. 参考...
设置百度编辑器 ueditor 为只读 var xmnrUE = UM.getEditor("页面id"); xmnrUE.addListener("ready",function () { xmnrUE.setContent('之前写的内容'); }); xmnrUE.ready(function() { xmnrUE.setDisabled(); });
html中设置元素不可编辑的方法以及readonly与disabled区别 方法1: onfocus=this.blur()  ...Readonly和Disabled它们都能够做到使用户不能够更改表单域中的内容。但是它们之间有着微小的差别，总结如下： Readonly只针对input(text / password)和textarea有效，而disabl
react+antd：全局设置form表单不可编辑 在做编辑页面的时候遇到一个需求是“在指定状态下内容不可编辑” 方案一：给每个<Input>、<Select>...添加disable属性 这种方案在form表单内容比较多的情况下可能不是很方便，所以辜老师帮我想了方案...
发帖
基础编程
加入

2.1w+

社区成员

14.0w+

社区内容

从PHP安装配置，PHP入门，PHP基础到PHP应用
社区管理员
  • 基础编程社区
申请成为版主
帖子事件
创建了帖子
2010-08-30 04:38
社区公告
暂无公告