禁用iframe编辑

时间:2013-10-07 16:48:59

标签: javascript php css iframe thumbnails

我想要一个我创建的每个表单的“预览”缩略图。但我希望用户无法在缩略图上编辑iframe(有时它会像图像一样显示)

这是我的预览代码

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

有办法做到这一点吗? CSS还是javascript?

1 个答案:

答案 0 :(得分:2)

我从您的问题中理解的是,您要禁用位于iframe中的表单。你能行的。  1. 您可以在表单上放置一个完整大小的div,这样任何人都无法通过表单上的css直接访问您的表单 check Demo

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

layer
{
opacity: 0.01;
}
  1. 您可以禁用用户输入和用户选择 使用css
  2.   

    body {

         

    -webkit-用户选择:无; -moz-user-input:disabled;   -webkit-用户输入:禁止; }

    使用jquery

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