使DIV中的内容无法使用

Question

我想让DIV中的内容不可编辑，但仍然可以查看。

<div id="committee"><?php include 'committee_members_list.php'; ?></div>

DIV保存其中“包含”文件的内容。我希望内容可见但不可编辑或可点击。

DIV的内容如上所示。

注意： text和textarea元素不在DIV中包含的文件中

DIV中的所有内容都应该是可见的，但任何内容都不应该是可点击/可编辑的。我如何实现/实现这一目标？

Answer 1

div通常是不可编辑的。如果您想要一个不可编辑的文本框，请添加“readonly”：

<input type="textbox" name="test" readonly>

编辑：或者您可以使用属性user-select：

通过CSS阻止它

.unselectable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

请记住，这不是验证，我可以使用firebug或类似工具修改内部内容。

Answer 2

好吧，如果你想要快速和动态的话，你可以通过JQuery使div容器中的所有元素都不可编辑。

<div id="committee">
    <?php include 'committee_members_list.php'; ?>
</div>

<script type="text/javascript">
    $("#committee").each(function() {
        $(this).attr("readonly", "1");
    });
</script>

为了更高的安全性，无论如何，如果它是一个表单，你必须验证所有服务器。

但如果内容是只读的，那么输入元素是无关紧要的吗？