验证| required =“ true” /“ false” | HTML表格

5 html forms html5 attributes

虽然我在做一些基本的HTML我想知道为什么崇高的文本3总是在完成requiredrequired=""。就像我的在线课程讲师说的那样,不必设置required="true"required="false" 但是当我将其设置为false时,仍然需要设置。

示例代码(即使将其设置为false,也将需要该字段):

<form>
    <input type="password" name="password" required="false">
    <button>Submit</button>
</form>
Run Code Online (Sandbox Code Playgroud)


希望您能消除混乱。谢谢你的回答。

法彻

Séb*_*ien 8

在HTML中,必填属性必须存在(必填字段)或不存在(必填字段不是必需)。存在该属性时,它具有什么并不重要。

必需属性是布尔属性。指定后,该元素是必需的。

元素上存在布尔属性表示真实值,而缺少属性则表示假值。

关于布尔属性

没有为其分配值(例如,选中)的布尔属性隐式等效于为其分配了空字符串(即,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>
Run Code Online (Sandbox Code Playgroud)

  • 漂亮的答案,这正是我需要的数据来弄清楚为什么我在 Vue JS 中的输入总是在 DOM 中显示 `required="required"`。它实际上表明了无论我通过了什么。该属性要么被省略,要么被“required=”required“”。我认为 Vue 可能会在后台进行一些处理以将其限制为“required =“required””。 (2认同)