输入 ID 不唯一的重复隐藏表单

Duplicate hidden form with not unique input ID

我的布局要求在移动和桌面视图的 2 个不同位置具有相同的表单

我所做的是将两者都包装在一个容器中,该容器根据视口大小隐藏一个或另一个

我正在使用 Google Lighthouse 进行测试,它抱怨表单字段 ID 不是唯一的 有什么方法可以在不处理具有不同 ID 的 2 个表单域的情况下解决这个问题?

我总是添加具有相同 ID 和名称的输入字段

<input type="text" class="form-control" id="name" name="name" value="" required>

我想如果我在保持字段名称不变的同时区分 ID,那么 post 变量就不会有任何问题

<input type="text" class="form-control" id="name-mobile" name="name" value="" required>

ID 在 HTML 文档中必须是唯一的,所以不,如果不更改 ID 就无法做到这一点。

I guess I will not have any issue with post variables if I differentiate ID while keeping field name the same

ID 与创建表单提交数据集没有任何关系。问题是,这里是否真的需要 ID 才能开始。