一.单选按钮
![](https://img.haomeiwen.com/i15432916/5978d4031aa5888c.png)
- 注意:
同组的多个单选按钮,name属性值应该设为相同的
可选属性:checked,disabled
二.多选按钮
![](https://img.haomeiwen.com/i15432916/30484d6cdacd91aa.png)
-
注意:
同组的多个多选按钮,name属性值应该设为相同的,最好name属性值加上一对中括号
可选属性:checked,disabled
示例代码
结果如下
三.下拉列表
![](https://img.haomeiwen.com/i15432916/712b429ef75ec0cf.png)
1.<select>常用可选属性
![](https://img.haomeiwen.com/i15432916/e08e370e1179ca10.png)
2.<option>常用可选属性
![](https://img.haomeiwen.com/i15432916/8b038227add14998.png)
3.带有子菜单的下拉列表框
![](https://img.haomeiwen.com/i15432916/882c6ad7510280de.png)
![](https://img.haomeiwen.com/i15432916/c02e1fc30939988e.png)
![](https://img.haomeiwen.com/i15432916/9e66683c9cbd570d.png)
![](https://img.haomeiwen.com/i15432916/0cb2b7ee40424335.png)
![](https://img.haomeiwen.com/i15432916/ec4cea06ead80028.png)
![](https://img.haomeiwen.com/i15432916/0668668b7356ba41.png)
如果想要多选,按住CTRL+点击你想选的,就可以进行多选
![](https://img.haomeiwen.com/i15432916/813865d29522e104.png)
![](https://img.haomeiwen.com/i15432916/183ae87b07e24d0f.png)
默认选中和不被选中
![](https://img.haomeiwen.com/i15432916/1e21db9385fdc930.png)
![](https://img.haomeiwen.com/i15432916/92e227c065ad1846.png)
![](https://img.haomeiwen.com/i15432916/0739df2bafe52d65.png)
(此文章仅作为个人学习笔记使用,如有错误欢迎指正~)
网友评论