web前端开发课程:html表单-单选框

web前端开发课程：html表单-单选框多选框。

讲课人：波波老师。

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

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

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

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

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