App下載

HTML Boolean 屬性速記表｜disabled、checked、async 全用法

編程獅（w3cschool.cn） 2025-08-06 10:46:42 瀏覽數(shù) (373)

反饋

零基礎(chǔ)速記 HTML Boolean 屬性
——編程獅（w3cschool.cn）3 分鐘背完、直接上手

一句話記住

只要寫(xiě)了屬性名，值就是 true；想表示 false，就干脆別寫(xiě)這個(gè)屬性。

一、什么是 Boolean 屬性？

不寫(xiě)值 或 值等于屬性名本身，都表示 true。
根本不存在 這個(gè)屬性，則表示 false。
官方叫 “布爾屬性”，也叫 “開(kāi)關(guān)屬性”。

二、常見(jiàn) Boolean 屬性一覽（收藏級(jí)）

屬性	元素	作用	示例
`disabled`	`<input>` `<button>` `<select>` …	禁用控件	`<input disabled>`
`checked`	`<input type=checkbox/radio>`	默認(rèn)選中	`<input checked>`
`selected`	`<option>`	默認(rèn)選中	`<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>`	頁(yè)面加載后自動(dòng)聚焦	`<input autofocus>`
`hidden`	全局屬性	隱藏元素	`<div hidden>`
`async`	`<script>`	異步加載腳本	`<script async src="…">`
`defer`	`<script>`	延遲執(zhí)行腳本	`<script defer src="…">`
`loop`	`<audio>` `<video>`	循環(huán)播放	`<video loop>`
`muted`	`<audio>` `<video>`	靜音	`<audio muted>`
`controls`	`<audio>` `<video>`	顯示控制條	`<video controls>`
`autoplay`	`<audio>` `<video>`	自動(dòng)播放	`<video autoplay>`
`novalidate`	`<form>`	關(guān)閉瀏覽器校驗(yàn)	`<form novalidate>`

三、四種寫(xiě)法對(duì)比（全部合法，但第 1 種最簡(jiǎn)潔）

寫(xiě)法	含義	推薦度
`<input disabled>`	true ?	???
`<input disabled="">`	true ?	??
`<input disabled="disabled">`	true ?	?
`<input disabled="false">`	仍是 true！	?

注意

寫(xiě) disabled="false" 并不會(huì)變成 false，因?yàn)?strong>只要出現(xiàn)屬性名就是 true。

四、實(shí)戰(zhàn) 30 秒

在編程獅HTML在線編輯器輸入：

<!doctype html>
<input type="checkbox" checked> 默認(rèn)選中<br>
<input type="checkbox"> 未選中<br>
<input type="text" placeholder="正常">
<input type="text" placeholder="禁用" disabled>

運(yùn)行后 → 第一個(gè)復(fù)選框默認(rèn)打鉤，第二個(gè)未打鉤；第二個(gè)文本框無(wú)法輸入。