补:想了解input和label请参看我写的文【207】点我进入【207】
一、button。
是按钮标签,也是按钮标签,它们之间的区别就是button更加强大,它除了可以包含文本之外,还可以包含格式化的文本和图像,这就是它的强大所在,下面展示它的图片按钮功能,当然我画的按钮很丑,别介意。
![19ee91ac5981d3e4442be4156fffa089.png](https://i-blog.csdnimg.cn/blog_migrate/ad95bee503987556809c05615d9dfeec.jpeg)
图1
![4233897d76ab4d6d42505fb32785e3f1.png](https://i-blog.csdnimg.cn/blog_migrate/ae1f67b5ad48c5864c6465ac44232749.jpeg)
图2
这里随便讲讲button标签的四个常用属性。
- disabled禁用按钮
- name指定按钮名称
- type按钮类型,属性值有button,reset,submit三个
- value按钮的初始值
![8a9e72ef2f01cd0a27566e53c7819eca.png](https://i-blog.csdnimg.cn/blog_migrate/ef6bef82202759504a35e23d5786acb7.jpeg)
图3
![46a1873ed873c559b3659f5c44034a4f.png](https://i-blog.csdnimg.cn/blog_migrate/b042464a1562dfb0f23d4f295da9898e.jpeg)
图4
![0732b01248677015b79886ccb8602b6d.png](https://i-blog.csdnimg.cn/blog_migrate/395c0556ed5ab9e6ae5925901493ca8c.jpeg)
图5
二、select。
select是列表和下拉菜单,select不能一个人战斗,它需要option的配合。
![b82ea7de73eabd8b4bd0186c3ef5454c.gif](https://i-blog.csdnimg.cn/blog_migrate/67a463fc0d166a3f1fd80281e1629572.gif)
图6
![c55d4bb141d60709efbafdb2b8c96636.png](https://i-blog.csdnimg.cn/blog_migrate/8bc76a2f7db23ace1e2a0e77dca79362.jpeg)
图7
disable是禁用的意思。
![04d67285cd957e64e4bc913b541ddc69.gif](https://i-blog.csdnimg.cn/blog_migrate/e255fb80ca0d0fc7b43e9c3d1430d9bd.gif)
图8
![2ad7c4e08bd108f7b8392651c1165c53.png](https://i-blog.csdnimg.cn/blog_migrate/494e39dc3d975bd6dfd0415f47a49218.jpeg)
图9
optgroup可以对option进行分组。
![5fc02364b42ef2fa2995be347931a54f.gif](https://i-blog.csdnimg.cn/blog_migrate/8e2b4ff631d98a742bb0947344599284.gif)
图10
![fd7b644b64c19793fe28b44dce799980.png](https://i-blog.csdnimg.cn/blog_migrate/1583194186148d11e04cca59a513651e.jpeg)
图11
selected初始被选中的项,开始时默认选中菠萝。
![bdef815586ce9fd5a2909a74b3f3e029.png](https://i-blog.csdnimg.cn/blog_migrate/18de0b1e59fded6709d4e1640cd8e9a5.jpeg)
图12
![4489abc4c09456cbe04b02f40ee98e70.png](https://i-blog.csdnimg.cn/blog_migrate/feeef3f22c7c77f76bd7ea001a7f7b06.jpeg)
图13
Document苹果香蕉葡萄菠萝白菜油麦菜上海青