防止提交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用于表示（渲染），而不是功能。