验证 \|必填=“真”/“假” \| HTML 表单

Question

当我在做一些基本的 HTML 时，我想知道为什么 Sublime Text 3 总是将 required 完成为 required="" 。就像我在在线课程中的讲师所说的那样，没有必要设置 required="true" 或 required="false" 但是当我将其设置为 false 时，它仍然需要它。

示例代码（即使设置为 false 也需要该字段）：

 <form>
    <input type="password" name="password" required="false">
    <button>Submit</button>
</form>

---

我希望你能消除困惑。感谢您的每一个回答。

法彻

原文由 user9324113 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

在 HTML 中， 必需 属性必须 存在（该字段是必需的）或不存在（该字段 不是 必需的）。当属性存在时，它具有什么 值 并不重要。

必需的属性是布尔属性。指定时，该元素是必需的。

元素上存在布尔属性表示真值，不存在该属性表示假值。

关于 布尔属性：

一个没有赋值的布尔属性（例如 checked）隐含地等同于一个赋有空字符串的属性（即 checked=““）。因此，它代表了真正的价值。

布尔属性不允许使用值“true”和“false”。要表示假值，必须完全省略该属性。

一种常见的做法是使用属性的 名称 作为其 _值_：

 <form>
    <input type="password" name="password" required="required"><!-- this input is required -->

    <input type="text" name="sometext"><!-- this input is NOT required -->

    <button>Submit</button>
</form>

原文由 Sébastien 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

“必需”是一个布尔属性。一旦存在，它就假定为 true 的值。因此将它设置为“假”仍然会使它表现得好像它是真的。

下面是证明

<form>
<input type="password" name="password" required="false">
<button>Submit</button>
</form>

原文由 Edmund Dzakson 发布，翻译遵循 CC BY-SA 3.0 许可协议