使內容在DIV不可編輯

我想使DIV內的內容不可編輯，但仍可查看。使內容在DIV不可編輯

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

該DIV在其中包含「包含」文件的內容。我希望內容是可見的，但不能編輯或點擊。

enter image description here DIV的內容如上所述。

注：文字和textarea元素不在包含文件，該文件在DIV

一切都在DIV應該是可見的，因爲它是，但沒有可點擊/編輯。我如何實現/實現這個？

來源

2014-01-14 Mike Badazz

你不能。最終，我仍然可以打開開發工具並修改文本或標記。 – BenM

「不可修改」是什麼意思？用戶在瀏覽器中不能使用普通工具編輯普通元素。用戶可以使用合適的工具編輯任何元素。 –

那麼，如果你想快速和動態的，你可以通過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-14 12:57:28 Steini

是否需要某種類型的JQuery庫腳本才能運行，因爲它不起作用 –

是的，您只需添加：在您網站的標記中。 – Steini

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; 
}

請記住，這不是一個驗證，我可以用螢火蟲或類似工具修改裏面的內容。

來源

2014-01-14 12:55:35

使內容在DIV不可編輯

回答

相關問題