html - 隐藏类型为 ='hidden' 的输入字段与使用显示为 :none 的类

Question

我的页面上有几个隐藏的表单字段，用于将数据传递到服务器端。出于调试目的，我觉得通过将所有符合条件的输入字段都设置为隐藏类的一部分比在每个输入字段上设置 type=hidden 属性更容易隐藏所有符合条件的输入字段。

每当我需要调试时，我都可以轻松修改该类属性以进入 Debug模式。当然，这两种方法都可以隐藏输入字段，但我不确定为什么这种方法(通过类隐藏)在现实生活中没有得到广泛使用。您能否阐明应该首选的方法？

Answer 1

<input type="hidden">不会触发输入验证、自动完成和其他用户交互相关事件。它旨在保存原始数据，无需用户直接输入。

但是一个<input type="text"> ，在视觉上是隐藏的，仍将被视为用户交互组件。在某些启用了视觉辅助的设备上，它不会隐藏，无法提供您期望的一致性。这就是为什么不推荐这样做的原因。

例如。一个<input type="hidden">不会自动完成它，或者在刷新页面之前保留输入的数据，或者阻止提交表单以失败的类型验证甚至看不到。