The 27 Boolean Attributes of HTML
Published on May 19, 2020 (↻ October 21, 2024), filed under Development (RSS feed for all categories).
Enjoying overviews like this one? Check out Rote Learning HTML & CSS, a free ebook to help memorize HTML elements and attributes, and CSS selectors and properties.
There are Boolean attributes in HTML and, unless I err somewhere, there are two dozen of them. Here’s a quick rundown of what makes for a Boolean attribute, and what Boolean attributes there are in current HTML.
What is a Boolean at all? Citing the The Web Development Glossary, a Boolean is “a data type that has one of two possible values (usually denoted true and false).”
What is a Boolean attribute? A Boolean attribute is an attribute that can only be true or false.
How does a Boolean attribute work? According to the HTML specification:
The presence of a boolean attribute on an element represents the “true” value, and the absence of the attribute represents the “false” value.
Yet note:
The values “true” and “false” are not allowed on boolean attributes. To represent a false value, the attribute has to be omitted altogether.
So, what Boolean attributes are there?
The Boolean Attributes
allowfullscreen
async
autofocus
autoplay
checked
controls
default
defer
disabled
formnovalidate
inert
ismap
itemscope
loop
multiple
muted
nomodule
novalidate
open
playsinline
readonly
required
reversed
selected
shadowrootclonable
shadowrootdelegatesfocus
shadowrootserializable
Yes. That’s it.
Update (October 21, 2022)
The list now strictly follows the HTML specification’s attributes overview. That means it doesn’t contain Boolean attributes found on legacy and obsolete elements anymore, like truespeed
.
About Me
I’m Jens (long: Jens Oliver Meiert), and I’m a web developer, manager, and author. I’ve worked as a technical lead and engineering manager for a few companies, I’m a contributor to several web standards, and I write and review books for O’Reilly and Frontend Dogma.
I love trying things, not only in web development and engineering management, but also in other areas like philosophy. Here on meiert.com I share some of my experiences and views. (I value you being critical, interpreting charitably, and giving feedback.)
Read More
Maybe of interest to you, too:
- Next: On Disclosing Our Salaries
- Previous: 5 Tips to Get Your Dev Blog Running
- More under Development
- More from 2020
- Most popular posts
Looking for a way to comment? Comments have been disabled, unfortunately.
Get a good look at web development? Try WebGlossary.info—and The Web Development Glossary 3K. With explanations and definitions for thousands of terms of web development, web design, and related fields, building on Wikipedia as well as MDN Web Docs. Available at Apple Books, Kobo, Google Play Books, and Leanpub.