Home > Backend Development > PHP Tutorial > 把整个页面中的内容设置成只读,不可编辑

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

WBOY
Release: 2016-06-23 14:08:23
Original
1428 people have browsed it

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


回复讨论(解决方案)

所有的input加disabled.

还有其它的checkbox  text 等都一个一个加?
有没有更好的方法?

可以遍历表单的元素 就不用每一个都去写

1?的方法不?

这个就只能这样了

给文本框加上只读属性 readonly

比较简单的方法是在表单上面加一个透明的层

disabled了  如在表单中,数据不能传递

如非要传递,还不能修改,用readonly

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

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

多谢大家,能提供 9楼的二种方法的二个例子吗,

DIV的透明层实现


 powered by xty_zyn
        
          
                               
            
                              
                              
                               
            
                              
                              
                               
            
                              
                              
                               
            
                              
                              
                               
            
                              
                              
                               
            
                              
                            
你也可以在这里插入图片
你想注册地图名片吗
http://mc.mapabc.com
EMAIL:lipeng@mapabc.com
地址
邮编

              


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

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



当然了,如果你不用jquery,原生态javascript可以这么写:
document.getElementsByTagName("input").disabled = true;
Copy after login

过来看下 顺便学习一下经验!

其实最简洁实用的方法就是禁用保存或提交按钮就好了

12楼的解答非常正确

source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template