使用HTML在每个输入框中传递附加信息

Question

我问这个问题，因为我还不清楚在哪里进一步研究 - 我主要使用Python，而我的HTML和Javascript知识是根据需要进行的。我简直无法找到最优雅和标准的方法来做到这一点，哪个组件（HTML本身，一个Javascript组件，Django）应该负责做我想做的事。

我正在尝试使用Django应用程序创建用于输入语言数据的表​​单。我在这里做的很重要的是每个数据都有相关的标签。此外，大多数语言数据都是范式的，所以我希望能够让用户一次输入一个完整的范例（而不是一次只输入一个数据，这可以使用Django管理界面完成）。最后，我也想让范式输入在未来变得动态，这样我就不需要对事物进行硬编码。

例如，我希望有一个如下所示的表单：

在提交时，我希望页面将这样的内容发送到服务器：

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

我根本不知道将这些额外数据嵌入网站的最佳方法是什么，以便在提交页面时提交。理想情况下，输入框可以某种方式继承＆＃39;标签基于它们在列和行中的位置，而不是每个输入框需要单独添加该信息。

我到目前为止唯一的想法是将标记信息嵌入到输入框的名称中，以便通过get命令传递的字符串类似于＆＃39;？singular_1st = I＆amp; plural_1st =我们和放大器; singular_2nd_masculine =你＆＃39;我只需要处理Django后端的字符串。我还可以使用javascript以某种方式在页面加载上分配每个文本框的名称，但我不知道如何确定哪个文本框位于相对于表格标题的位置。

最好的方法是什么？我可以以某种方式传递更多有关提交页面的结构化数据，而不必重新解析后端的所有内容吗？我已经阅读了一些关于将JSON传递给服务器的内容，但我不确定如何做到这一点。同样，HTML 5中有一个数据属性，但我不确定在提交页面时如何（或者如果）传递给服务器。我不是要求任何人为我编写代码，而只是建议如何最好地执行此操作以及进一步显示类似项目的资源或教程。