阻止HTML表单字段被提交

Question

我希望以编程方式允许或隐藏表单字段，使其不被提交到HTML5表单中。我想我可以将它的CSS display属性设置为none。然而，它仍然会被提交(只是看不见)。我是否可以设置另一个属性，而不是从HTML5文档中完全删除元素？

Answer 1

只需为表单字段设置disabled属性，例如。

<input name="test" value="test" disabled="disabled">

参考文献： http://www.w3.org/TR/html401/interact/forms.html#h-17.12.1

Answer 2

将disabled属性设置为真值true。它对应于具有相同名称的HTML属性( HTML5术语中的“内容属性”)，但采用真值。例如，假设

<input name=foo id=foo>

你可以在JavaScript设置，

document.getElementById('foo').disabled = true;

这通常也会通过使背景变成灰色来改变字段的外观。

设置display: none或任何CSS设置对提交的内容没有影响。CSS用于表示(呈现)，而不是功能。