Javascript 使用HTML为每个输入框传递附加信息

我之所以问这个问题，是因为我不清楚在哪里可以进一步研究——我主要有Python方面的经验，而我的HTML和Javascript知识是基于需要的。我只是无法找出最优雅、最标准的方法，以及哪个组件（HTML本身，一个Javascript组件，Django）应该负责做我想做的事情

我正在尝试使用Django应用程序创建一个用于输入语言数据的表单。重要的是，我在这里做的是，每个数据都有相关的标签。此外，大多数语言数据都是范例的，因此我希望用户能够一次输入整个范例（而不是一次输入一个数据，这可以通过Django管理界面完成）。最终，我还希望范例输入在将来是动态的，这样我就不必硬编码

例如，我想要一个如下所示的表单：

在提交时，我希望页面向服务器发送如下内容：

'I', tags:'singular, 1st'
'we', tags:'plural, 1st'
ˈYou',tags:'singular, 2nd,masculine'
 ...

我只是不知道最好的办法是将这些额外的数据嵌入到网站中，以便在提交页面时提交。理想情况下，输入框可以基于标记在列和行中的位置以某种方式“继承”标记，而不是每个输入框都需要单独添加该信息

到目前为止，我唯一的想法是将标记信息嵌入到输入框的名称中，以便在get命令上传递的字符串类似于“？singular_1st=I&multilar_1st=we&singular_2nd_mangive=You”，我只需要在Django后端处理字符串。我还可以使用javascript以某种方式分配pageload上每个文本框的名称，尽管我不确定如何确定哪个文本框位于相对于表头的位置

---

最好的方法是什么？我是否可以在提交页面时传递更多结构化数据，而不必在后端重新分析所有内容？我读过一些关于将JSON传递到服务器的内容，但我不确定具体如何做到这一点。类似地，HTML5中有一个数据属性，但我不确定在提交页面时如何（或是否）将其传递给服务器。我不是要求任何人为我编写代码，只是建议如何最好地完成这项工作，并提供更多的资源或展示类似项目的教程

您是否希望保存并重新显示此数据？我只需要将表单提交，然后以后端格式提交

I，tags…

bit。我想将数据保存到服务器。它不一定要被重新显示。我不确定如何让表单首先提交标记数据（而不仅仅是来自输入框的文本数据）——这才是我真正的问题。