如何隐藏视觉，验证和提交中的表单字段？

Question

实施例

1. 我有两个表格字段（a）性别（b）性取向
2. 如果男性和het。，问题是“你的女朋友有多高？”是必须的。它也可能有一个值，可能还有其他适用的规则（即max 2.41m）。
3. 用户应该能够提交表单，但如果问题从未显示，我不希望预设值到达服务器。我也不希望必需属性或无效值来阻止提交（但我不想关闭表单验证）。

<div style="display:none" data-showif="sex == 'm' & orientation == 'het'">My girlfriend is this <input type="number" min="1" max="2.41" step="0.01" value="1.7" required> tall.</div>

现在，这实际上更为一般。

显示（2）或不显示的规则是自定义的，也许甚至不能说它们是否可以在运行时在浏览器中验证。 适用于（2）的规则也是自定义的，可能超出了所需的属性（我记得并暂时关闭的状态）。

也许用户已关闭JS，因此动态显示（2）不起作用，但表单验证工作并阻止提交。

也许用户不确定他的异性恋并指定一个无效的高度，然后改变主意，问题再次隐藏，但阻止提交。

我基本上在寻找novalidate和nosubmit但在input级别，而不是<form>级别。

Answer 1

嗯，解决方案可能对每个人都很明显，但我实际上花时间在谷歌上搜索这个问题，因为我是从最初的“防止验证”问题开始的。 在写这篇文章的时候，我想到了这一点，所以我认为这可能会为下一个受过精神挑战的人节省一些宝贵的大脑时间。

该属性名为disabled。