首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > PHP >

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

2013-04-09 
把整个页面中的内容设置成只读,不可编辑php页面中,有一body,body中有很多种文本框现怎么让 body中全部内容

把整个页面中的内容设置成只读,不可编辑
php页面中,有一body,
body中有很多种文本框
现怎么让 body中全部内容只读,
thanks


[解决办法]
所有的input加disabled.
<input ... disabled/>
[解决办法]
可以遍历表单的元素 就不用每一个都去写
[解决办法]
1樓的方法不錯
[解决办法]
给文本框加上只读属性 readonly
[解决办法]
比较简单的方法是在表单上面加一个透明的层
[解决办法]
disabled了  如在表单中,数据不能传递

如非要传递,还不能修改,用readonly
[解决办法]
我来总结一下
比较先进的方法是在body体内加个div,设置其style的index值最大,比如9999,结合css和div技术可以实现当前页面上浮一个透明层,这样用户就不能操作了。

比较彻底的方法,是遍历所有表单元素将其disabled,这个用jquery一个方法就能搞定。至于楼上兄弟提出的readonly属性,只对文本框、文本区域有效,对下拉框等表单元素无效。
[解决办法]
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>


[解决办法]
我来介绍下用jquery设置disabled的属性吧。
html页面上引入jquery库文件就不多说了
设置的语句如下:


<script type="text/javascript>
$(function(){
   $("input").attr("disabled",true);
});
</script>



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

document.getElementsByTagName("input").disabled = true;

[解决办法]
过来看下 顺便学习一下经验!

热点排行