如何从隐藏的表单元素中提交表单数据？

使用 CSS 从隐藏元素提交表单字段

表单提交通常要求所有必需字段在页面上可见。但是，如果您有一个包含使用“display:none”CSS 的隐藏部分的多步骤表单，则可能会遇到从这些隐藏元素提交数据的问题。

解决方案：

要解决此问题，请考虑使用“visibility:hidden”和“position:absolute”CSS样式而不是“display:none”。与从 DOM 中删除元素的“display:none”不同，“visibility:hidden”使其不可见，但仍可提交。 “位置：绝对”确保元素从文档流中删除，保留其视觉外观。

示例：

.hidden-element {
  visibility: hidden;
  position: absolute;
}

注意:

截至 2015 年 11 月，此问题在当前浏览器中似乎已得到解决。然而，带有“disabled”属性的元素仍然不会被提交。

以上是如何从隐藏的表单元素中提交表单数据？的详细内容。更多信息请关注PHP中文网其他相关文章！