如何在表单提交中包含来自禁用选择元素的数据？

使用禁用的选择和隐藏输入来包含表单数据

在 HTML 中，标签缺少专用的只读属性，迫使开发人员依赖禁用属性来防止用户更改。然而，禁用的表单输入被排除在 POST/GET 数据提交之外，这在想要保留用户选择的值时造成了困境。

为了克服这一挑战，一个实用的解决方案是保留 。元素被禁用，但引入具有相同名称和值的附加隐藏输入。这允许捕获所选值并将其包含在表单数据中。

如果您希望重新启用 稍后输入，使用 onchange 事件将其值复制到隐藏输入中，并同时禁用（或删除）此隐藏输入。

考虑以下代码演示：

[代码片段]

1. 提交表单后，将显示提交的数据。
2. 最初，用于动物选择的元素已禁用。
3. 单击“启用”按钮将重新启用元素。元素并更新其相应的隐藏输入。

通过采用此技术，您可以有效地模拟 的只读功能。标签，同时保留提交的表单数据中的所选项目。

以上是如何在表单提交中包含来自禁用选择元素的数据？的详细内容。更多信息请关注PHP中文网其他相关文章！