在ReadOnly模式下打开页面

Question

我必须以只读模式打开页面，其中所有控件都被禁用，并且没有正文可以在页面上执行任何操作。

我尝试使用Panel / div重叠。

还有其他智能解决方案吗？

由于

Answer 1

如果你的意思是一个灯箱式的叠加，我认为这并不适用于所有情况。例如，您可能希望滚动列表框或页面中的滚动div，即使您无法在其中选择任何内容。而且您有时也希望能够从只读页面中进行选择和复制。

就呈现的HTML而言，我会选择尽可能使用“readonly”属性，或者选择“disabled”属性（如果更合适），或选择其他只读呈现（例如select元素不能标记为只读）

Answer 2

技术1

使用jQuery short和smart sytax：

<script type="text/javascript">
$(document).ready(function() {
var disabled = true/false;
  if (disabled) {
    $('input,select').attr('disabled',disabled);
  }
})
</script>    

技术2

使用标签代替对照