表单进阶 单选框 多选框

1.单选框



name 组名
相同组名只能选一个
​
label 设置for="" 与id="" 相同  可以点击文字选择
​

checked 默认选择
​

2.多选框



label 设置for="" 与id="" 相同  可以点击文字选择
​
checked="checked"   
默认选择,多选框中可以多设置几个默认选择

补充

input[type=checkbox]{
            appearance: none;
            width: 20px;
            height: 20px;
            border: 1px solid black;
​
        }
选择框标签受默认样式限制不能随意更改,需要先将样式清除
appearance: none;
再进行更改

3.上传文件和隐藏字段,只读禁用


上传文件

你可能感兴趣的:(html,前端,css)