将带有自定义数据属性的表单序列化为json

Question

我想显示带有自定义数据属性的HTML元素。当用户点击元素data- *属性的值时，它应该在表单中显示，用户应该能够更改值。 然后该元素应序列化为JSON。

示例：<div id='div id' name='divn_ame' data-divcontent='Custom attr'></div>

当用户点击div时，会出现一个弹出窗口，其中一个字段名为divcontent：custom-attr as form。