禁用iframe的编辑

Question

我想要创建的每个表单的“预览”缩略图。 但是我希望用户不能在缩略图上编辑iframe（某种程度上就像图片一样显示）

这是我的预览代码

<p>Thumbnails</p>
<div id="wrap">
<iframe id="frame" src="<?php echo site_url('form/testing'); ?>"></iframe>
</div>

有没有办法做到这一点？ CSS或JavaScript？

Answer 1

从您的问题中我了解到的是您想禁用iframe中的表格。 你能行的。 1. 你可以放置一个全尺寸格在你的形式，所以没有人可以用CSS在你的形式direcly访问您的形式 检查演示

（您可以在ifrmae标签上放置相同的div）div的CSS是

layer
{
opacity: 0.01;
}

1. 您可以使用CSS禁用用户输入和用户选择

身体 {

-webkit-user-select：none; -moz-user-input：禁用； -webkit-user-input：禁用; }

使用jQuery

jQuery("input").attr("disabled", 'disabled');