为什么HTML元素（input、textarea和select）应该有关联的标签？

有人能解释一下（

input

、

textarea

和

select

）为什么应该有一个相关标签吗？我发现了一个stackoverflow线程（），它解释了关联

和

的所有方式，但我没有找到任何关于为什么必须关联标签的清晰解释

例如，我发现了一个from PrimeNG，其中列出了菜单栏中的输入和按钮：

当我在JetBrains WebStorm中输入这个时，我会得到一个“缺少关联标签”的输入警告。应用自动更正将输入包装在标签标记中，如下所示：

---

HTML在没有标签的情况下可以正常工作，那么我为什么要添加它呢？没有提供其他信息。

相关标签用于访问。例如，当你在网站上运行lightouse Chrome检查时，它会指出报告中“可访问性”部分缺少的标签。原因:

“标签确保表单控件通过辅助技术（如屏幕阅读器）正确发布”

---

因此，当你有一个残疾人士可以访问的网站，他自己不能正确阅读或看到内容，需要屏幕阅读器时，拥有这些标签是很好的。

相关标签是为了访问。例如，当你在网站上运行lightouse Chrome检查时，它会指出报告中“可访问性”部分缺少的标签。原因:

“标签确保表单控件通过辅助技术（如屏幕阅读器）正确发布”

---

因此，当你有一个残疾人士可以访问的网站，他自己不能正确阅读或看到内容，需要一个屏幕阅读器时，拥有它们是很好的。

注意：你的

周围不一定要有

。只要它与该输入关联，例如

Length

。当然，如果你不喜欢检查，或者认为在你的情况下检查是不必要的，你可以禁用检查。谢谢你的回复。我知道代码在没有标签的情况下工作，警告可能被禁用。我只是想知道这个标签有什么用途，为什么IDE推荐它。注意：你的

周围不一定有

。只要它与该输入关联，例如

Length

。当然，如果你不喜欢检查，或者认为在你的情况下检查是不必要的，你可以禁用检查。谢谢你的回复。我知道代码在没有标签的情况下工作，警告可能被禁用。我只是想知道标签有什么用途，为什么IDE推荐它。有趣的是，我没想到会有这样的答案。我认为编程屏幕阅读器可以有很多用例，比如搜索引擎优化。但是这不会让你接触到机器人吗？嗯，我想这可能会让机器人工作起来稍微容易一点，但是一个公开访问的网站应该有额外的防机器人的保护，比如验证码和代理服务或已知主机提供商的阻止。所以在一个不会产生安全问题的好网站上。有趣的是，我没想到会有这样的答案。我认为编程屏幕阅读器可以有很多用例，比如搜索引擎优化。但是这不会让你接触到机器人吗？嗯，我想这可能会让机器人工作起来稍微容易一点，但是一个公开访问的网站应该有额外的防机器人的保护，比如验证码和代理服务或已知主机提供商的阻止。所以，在一个不会产生安全问题的好网站上。