表单进阶 单选框 多选框

1.单选框

<input type="radio" name="aaa" id="man">
<label for="man">男</label>
name 组名
相同组名只能选一个
​
label 设置for="" 与id="" 相同  可以点击文字选择
​
<input type="radio" name="aaa" checked="checked">
checked 默认选择
​

2.多选框

<input type="checkbox" name="" id="man">
<label for="man">男</label>
label 设置for="" 与id="" 相同  可以点击文字选择
​
checked="checked"   
默认选择，多选框中可以多设置几个默认选择

补充

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

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

<input type="file" name="" id="">
上传文件