1

DIV 内のコンテンツを編集できないが表示できるようにしたい。

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

DIV は、その中に「含まれる」ファイルの内容を保持します。コンテンツを表示できるようにしたいのですが、編集したりクリックしたりできないようにしたいと思います。

ここに画像の説明を入力 DIV の内容は上記のようになります。

注意: text 要素と textarea 要素は、DIV にあるインクルード ファイルにはありません。

DIV 内のすべてがそのまま表示可能である必要がありますが、クリック可能または編集可能であってはなりません。どうすればこれを達成/実装できますか?

4

2 に答える 2

4

通常、div は編集できません。編集できないテキストボックスが必要な場合は、「読み取り専用」を追加します。

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

編集: または、ユーザーが選択したプロパティを使用して 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 または同様のツールを使用して内部の内容を変更できます。

于 2014-01-14T12:55:35.130 に答える
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>

セキュリティを強化するために、とにかくフォームである場合は、サーバー側ですべてを検証する必要があります。

しかし、コンテンツが読み取り専用の場合、入力要素はとにかく必要ですか?

于 2014-01-14T12:57:28.253 に答える