HTML5之具有boolean值的属性

最新推荐文章于 2023-03-23 22:48:25 发布

雅痞子军

最新推荐文章于 2023-03-23 22:48:25 发布

阅读量2.3k

点赞数 2

分类专栏： HTML

本文链接：https://blog.youkuaiyun.com/qq_1724201421/article/details/80034117

版权

HTML 专栏收录该内容

6 篇文章

订阅专栏

对于具有boolean值的属性，例如disabled与readonly等，但只写属性而不指定属性值时，表示属性值为true；如果想要将属性值设为false，可以不使用该属性。另外，想要将属性值设定为true时，也可以将属性名设定为属性值，或将空字符串设定为属性值。

例如：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <title>HTML5之具有boolean值的属性</title>
</head>
<body>
    <!-- 只写属性不写属性值代表属性为true -->
    <input type="checkbox" checked>
    <!-- 不写属性代表属性为false -->
    <input type="checkbox">
    <!-- 属性值=属性名，代表属性为true -->
    <input type="checkbox" checked='checked'>
    <!-- 属性值=空字符串，代表属性为true -->
    <input type="checkbox" checked=''>
</body>
</html>