如何创建可编辑的标签？我在表格中显示数据，并希望为显示的数据提供就地编辑。我可以使用哪些 CSS 样式？
问问题
1083 次
2 回答
1
在此处放置一个文本输入框，使其背景与其容器的背景相同，并在其上放置0边框，并使用与表格中其他项目相同的字体样式和颜色
于 2012-12-26T07:07:58.717 回答
1
我可以使用哪些 CSS 样式？
这不是真正的 CSS 问题（除非您的问题仅与实现特定样式有关）。
你可以：
使所有表格单元格包含输入。这有一个（可能很重要的）缺点，即如果表单已发布，所有数据都将提交到服务器。我不会推荐这种方法，除非表格很小或者您从未完全提交整个页面。
将标签更改为单击时的输入。提交表单后，此值现在将成为请求的一部分。
将标签更改为输入以响应其他地方的操作（例如聚焦行、单击行旁边的编辑按钮等）
在元素上设置contenteditable="true" 。这允许丰富的格式，但也要求您跟踪用户所做的更改；除非将它们放入表单域，否则它们不会被提交到服务器。
您可能需要/需要一段 JavaScript 来将标签更改为输入（#2 和 #3）。您将需要 JavaScript 以使用方法 #4 将数据发送到服务器。
于 2012-12-26T07:08:27.893 回答