如何通知用户使用内联编辑表单（必须编辑/保存按钮）

Question

希望您一切都好。实际上，客户需要一种像THIS一样支持内联编辑（没有任何编辑/保存或提交按钮）的表单。关键是如何指导用户使用此表格。如果你们对这样的网站有任何想法/链接，请以这种形式告诉我们。谢谢

Answer 1

您是在问这些表格如何工作吗？还是如何让用户知道表单是交互式的？

使用链接到的ui，您需要运行ajax请求，将数据发送到服务器

https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest

在绿色复选标记图标上触发onclick事件时。

https://developer.mozilla.org/en-US/docs/Web/API/GlobalEventHandlers/onclick

然后有一个消息框，上面写着“像谷歌文档一样保存了所有更改”。 See google UI "saving" message

并非所有表格都可以这种方式运行。例如，如果您不希望保存记录，除非正确填写了许多字段，则可能需要保存按钮。