Html 形状中的形状字段

我正在努力使表单更加用户友好。我见过的一种更简单的方法是将表单字段放入形状中，如下所示

除了使用

表

，我还没有想出一个合理的方法来布局/编码这个概念。表格的问题在于它们不支持某些形状的曲率，并且在不扭曲形状的情况下不响应。这些图像是SVG路径，所以我很好奇是否可以将表单字段添加到路径

现在，我唯一能想到的就是给每一个边（比如A、B、C等）加上标签，然后让表单字段分开，相互关联