用於就地編輯的CSS

Question

如何創建可編輯的標籤？我在一個表格中顯示數據，並且希望爲顯示的數據提供適當的編輯。我可以使用哪些CSS樣式？

Answer 1

把一個文本輸入框那裏，使其背景相同，其容器的背景，並把0的邊界上，並使用相同的字體樣式和顏色等物品表中

Answer 2

什麼CSS樣式可以我用它？

這不是真正的CSS問題（除非你的問題只涉及到實現特定的風格）。

您可以：

1. 使所有的表格單元格中包含的輸入。這具有（潛在的重要）缺點，即如果表單被髮送，所有數據將被提交給服務器。我不會推薦這種方法，除非表格很小或者您從未完全提交整個頁面。

2. 在點擊時將標籤更改爲輸入。提交表單時，此值現在將成爲請求的一部分。

3. 改變標籤的輸入響應於別處的動作（例如聚焦的行中，點擊旁邊的行編輯按鈕等）

4. 在元素上設置contenteditable="true"。這允許豐富的格式，但也要求您跟蹤用戶所做的更改;他們不會被提交給服務器，除非他們被置於一個表單域。

您可能需要/需要一段JavaScript代碼將標籤更改爲輸入（＃2和＃3）。您將需要使用JavaScript將方法＃4的數據傳輸到服務器。