HTML5 具有boolean值的属性

🌙
手机阅读
本文目录结构

具有boolean值的属性

对于 disabled / readonly 等属性,当只写属性而不指定属性值的时候,表示属性值尾true,如果想要将其属性值设置为false,可以不使用该属性值。

想要将属性值设定为true,也可以将属性名设定为属性值,或者空字符串设定其属性值。

下面是演示

<!-- 只写属性不写属性值,true -->
<input type="checkbox" checked />
<!-- 属性值等于空字符串,true -->
<input type="checkbox" checked="" />
<!-- 属性值等于属性名,true -->
<input type="checkbox" checked="checked" />

<!-- 不写属性值,false -->
<input type="checkbox" />

省略引号

当指定属性值的时候,属性值两边即可以双引号,也可以单引号,(不能单引号和双引号混合使用)

HTML5在此基础上进行了改进。当属性值不包括空字符串,">","<","=",单引号,双引号字符时,引号可以省略

下面三种都是合法的

<input type="text" />
<input type='text' />
<input type=text />

AXIHE / 精选资源

浏览全部教程

面试题

学习网站

前端培训
自己甄别

前端书籍

关于朱安邦

我叫 朱安邦,阿西河的站长,在杭州。

以前是一名平面设计师,后来开始接接触前端开发,主要研究前端技术中的JS方向。

业余时间我喜欢分享和交流自己的技术,欢迎大家关注我的 Bilibili

关注我: Github / 知乎

于2021年离开前端领域,目前重心放在研究区块链上面了

我叫朱安邦,阿西河的站长

目前在杭州从事区块链周边的开发工作,机械专业,以前从事平面设计工作。

2014年底脱产在老家自学6个月的前端技术,自学期间几乎从未出过家门,最终找到了满意的前端工作。更多>

于2021年离开前端领域,目前从事区块链方面工作了