使用 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中文网其他相关文章!