input单选框php技巧_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"。
选项一，把这行复制一下，可以看多选框也输入完了。
点击多选框，可以看到它是可以同时选择多个项目的，这便是多选框。