免费 AI IDE
零基础速记 HTML Boolean 属性
——编程狮（w3cschool.cn）3 分钟背完、直接上手
一句话记住
只要写了属性名，值就是true；想表示false，就干脆别写这个属性。
一、什么是 Boolean 属性？
- 不写值 或 值等于属性名本身，都表示
true。 - 根本不存在 这个属性，则表示
false。 - 官方叫 “
布尔属性”，也叫 “开关属性”。
二、常见 Boolean 属性一览（收藏级）
| 属性 | 元素 | 作用 | 示例 |
|---|---|---|---|
disabled |
<input> <button> <select> … |
禁用控件 | <input disabled> |
checked |
<input type=checkbox/radio> |
默认选中 | <input checked> |
selected |
<option> |
默认选中 | <option selected> |
readonly |
<input> <textarea> |
只读 | <input readonly> |
multiple |
<select> <input type=file> |
多选 | <select multiple> |
required |
<input> <textarea> <select> |
必填 | <input required> |
autofocus |
<input> <button> <select> <textarea> |
页面加载后自动聚焦 | <input autofocus> |
hidden |
全局属性 | 隐藏元素 | <div hidden> |
async |
<script> |
异步加载脚本 | <script async src="…"> |
defer |
<script> |
延迟执行脚本 | <script defer src="…"> |
loop |
<audio> <video> |
循环播放 | <video loop> |
muted |
<audio> <video> |
静音 | <audio muted> |
controls |
<audio> <video> |
显示控制条 | <video controls> |
autoplay |
<audio> <video> |
自动播放 | <video autoplay> |
novalidate |
<form> |
关闭浏览器校验 | <form novalidate> |
三、四种写法对比（全部合法，但第 1 种最简洁）
| 写法 | 含义 | 推荐度 |
|---|---|---|
<input disabled> |
true ✅ | ⭐⭐⭐ |
<input disabled=""> |
true ✅ | ⭐⭐ |
<input disabled="disabled"> |
true ✅ | ⭐ |
<input disabled="false"> |
仍是 true！ | ❌ |
注意
写disabled="false"并不会变成false，因为只要出现属性名就是true。
四、实战 30 秒
在 编程狮HTML在线编辑器 输入：
<!doctype html>
<input type="checkbox" checked> 默认选中<br>
<input type="checkbox"> 未选中<br>
<input type="text" placeholder="正常">
<input type="text" placeholder="禁用" disabled>运行后 → 第一个复选框默认打钩，第二个未打钩；第二个文本框无法输入。
五、记忆口诀
“布尔属性像开关，写了就 ON，不写就 OFF。”
