【发布时间】:2014-01-15 22:57:12
【问题描述】:
我想以编程方式允许或隐藏表单字段以防止在 HTML5 表单中提交。我以为我可以将其 CSS display 属性设置为 none。但是,它仍然被提交(只是看不到)。是否可以设置另一个属性,而不是从 HTML5 文档中完全删除元素?
【问题讨论】:
-
只是出于好奇,你为什么有一个你不想提交的字段?
标签: javascript html css
我想以编程方式允许或隐藏表单字段以防止在 HTML5 表单中提交。我以为我可以将其 CSS display 属性设置为 none。但是,它仍然被提交(只是看不到)。是否可以设置另一个属性,而不是从 HTML5 文档中完全删除元素?
【问题讨论】:
标签: javascript html css
只需为表单字段设置disabled属性,例如
<input name="test" value="test" disabled="disabled">
参考: http://www.w3.org/TR/html401/interact/forms.html#h-17.12.1
【讨论】:
returning false 使用 js。这太简单了。
将disabled 属性设置为真值true。它对应于同名但取真值的 HTML 属性(HTML5 用语中的“内容属性”)。例如,假设
<input name=foo id=foo>
你可以在 JavaScript 中设置
document.getElementById('foo').disabled = true;
这通常也会通过使背景变为灰色来改变字段的外观。
设置display: none 或任何 CSS 设置对提交的内容没有影响。 CSS 用于展示(渲染),而不是功能。
【讨论】: