Html 多表单标签-Lightbox

我正在编辑网页可访问性的html代码，但我遇到了一个关于多个表单标签的问题。我使用Wave插件来检查网页的可访问性

错误是 多表单标签 这意味着什么 表单控件具有多个与其关联的标签

问题是，有一个页面用户可以输入用户信息，还有一个按钮可以调用弹出窗口，如果用户没有输入该字段，则弹出窗口将再次注册所有相同的字段

除了在弹出窗口中更改字段的ID外，是否有任何快速简便的方法来删除错误？

引用W3S：

id属性为HTML元素指定一个唯一的id值 在HTML文档中必须是唯一的

---

是的，您需要为每个组件定义一个唯一的ID。这是解决问题的唯一干净方法，否则当您聚焦其中一个输入字段时，屏幕阅读器可能会读取错误的标签。

除了更改ID之外，解决此问题的一种方法是将输入包装在标签中

<label>
    First Name
<input />
</label>

这在语义上是正确的，并且避免了需要的标签和相关的输入id属性

很明显，你可能需要重构一些东西，这似乎比仅仅修改一些ID更困难，但这是一个选项，我知道你现在可能已经解决了这个问题，如果有人来问这个问题，这更多是供参考的

请参阅：

由于要求id在整个页面上是唯一的，因此更改它是一种快速简便的方法。