Skip to content

布尔属性

基本概念

HTML 中,布尔属性(Boolean Attributes) 指的是:只要属性值存在,就表示 true;不存在就是 false,不关心具体值。

html
<input disabled>
<input disabled="disabled">
<input disabled="">

以上三种写法效果完全一致,表示:disabled = true

属性不存在即表示false:

html
<input>
html
<input disabled="false">
<!--依然是 true,因为属性存在。-->

常见的 HTML 布尔属性:

ts
disabled      <!-- 禁用 -->
readonly      <!-- 只读 -->
required      <!-- 必填 -->
checked       <!-- 选中(checkbox / radio) -->
selected      <!-- 选中(option) -->
multiple      <!-- 多选 -->
autofocus     <!-- 自动聚焦 -->
novalidate   <!-- 禁用表单校验 -->

常见的布尔属性

contenteditable

该属性是一个布尔属性,可以设置到任何元素上,他可以让该元素变为可编辑的状态,在实际开发中,通常用于制作富文本框