【问题标题】:Preventing an HTML form field from being submitted防止提交 HTML 表单字段
【发布时间】:2014-01-15 22:57:12
【问题描述】:

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

【问题讨论】:

  • 只是出于好奇,你为什么有一个你不想提交的字段?

标签: javascript html css


【解决方案1】:

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

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

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

【讨论】:

  • +1 我认为可能的解决方案是 returning false 使用 js。这太简单了。
【解决方案2】:

disabled 属性设置为真值true。它对应于同名但取真值的 HTML 属性(HTML5 用语中的“内容属性”)。例如,假设

<input name=foo id=foo>

你可以在 JavaScript 中设置

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

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

设置display: none任何 CSS 设置对提交的内容没有影响。 CSS 用于展示(渲染),而不是功能。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2015-08-20
    • 1970-01-01
    • 2015-12-21
    • 2012-08-07
    • 1970-01-01
    • 2020-11-30
    • 2019-01-21
    • 1970-01-01
    相关资源
    最近更新 更多