如何使用HTML5设置checkbox选中和未选中并展示

作者：小胖吴 | 创建时间: 2023-05-04

一般情况下，设置复选框选中可以直接使用checked="checked"，这时HTML5之前的版本这样写。HTML5对复选框进行选中，有三种写法，第一种：checked；第二种，checked=""，第三种：checked="checked...

第一步，在HBuilder工具里新建的Web项目，指定的目录下新建静态页面checkbox.html，如下图所示：

第二步，在<body></body>插入一个input复选框，设置id属性值为ckb；添加一个label标签，如下图所示：

第三步，在复选框后添加属性checked，直接是checked，不使用checked="checked"，如下图所示：

第四步，再次将checked改为checked=""，并保存代码查看效果，如下图所示：

第五步，将复选框中的checked=""改为checked="checked"，如下图所示：

第六步，将第三、第四和第五步中的页面效果进行对比，发现复选框都能被勾选上，说明checked、checked=""和checked="checked"三者效果一致，如下图所示：

注意HTML5和HTML4的区别

注意HTML5判断复选框选中和未选中