讲课人:波波老师。

radio单选框、checkbox多选框,这两个只须要选择不须要输入。
现在来看一下单选框和多选框的演示。

·首先是单选框,输入一个inputradio,可以看到默认给了两个属性:name和id。
把name="radio",id="radio1"。
当然光一个单选框也没有用,还须要给它加一个label,for-"radio1",这个4abel for="">。
这里要放上前面这个(单选框的id)"radio1",代表着这是它的label。

html单选框模板web前端开辟课程html表单单选框 SQL

·这里输入一个单选选项一,可以看到点击单选选项一,同时也可以把radio选中,这便是label的浸染。
多复制几个,可以看到选择"选项一"它当选中了,选择选项二,选项二当选中的时候,选项一的选中状态就被去掉了,它们三个只能选中一个,这就叫单选框。
它们因此什么为同组标准的?便是以name为同组标准。

·假设现在再建一个单选框<input>,选择name="radioradio",id"radio4",label for="radio4"。
单选选项4,选择1234,选4的时候对前面三个选项不产生影响,这便是单选框。

·接着再来看多选框,多选框,input:checkbox,4abel for="checkbox1"。
选项一,把这行复制一下,可以看多选框也输入完了。
点击多选框,可以看到它是可以同时选择多个项目的,这便是多选框。