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

zgycsmb 2010-08-30 04:38:22

php页面中，有一body,
body中有很多种文本框
现怎么让 body中全部内容只读，
thanks

...全文

15112 15 打赏收藏转发到动态举报

写回复

用AI写文章

15 条回复

切换为时间正序

请发表友善的回复…

发表回复

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属性，只对文本框、文本区域有效，对下拉框等表单元素无效。