使用disabled属性禁用某个元素

1：disabled属性可以设置或者返回是否默认的禁用某个元素，你可以用它做许多的事情，比如禁用输入框，禁用下拉框，禁用button等等元素；
2：先用一个input输入框做个试验：先再页面上设置一个input输入框，然后再设置禁用属性把它禁用输入：‘禁用输入框：’；设置完成后打开浏览器开一下效果：
浏览器效果截图：

3：从上图中可以看出，输入框是禁止输入了的，怎么点都不会有效果，再来看看下拉框是否也能被禁用，在页面上再设置一个下拉框，并给它几个选项，再设置一个input的button，给这个input的button一个点击事件，点击的时候返回这个选项是否被禁用，代码：
禁用下拉框Pineapple选项:

Apple Orange Pineapple Banana

设置完成后再去浏览器上看看效果，首先当点击input的button按钮时会弹出来这个选项是否被禁用，其次可以看到Pineapple选项是不能选择的： 点击input的button时效果截图：  下拉框选项Pineapple被禁用效果截图：  4：由此可以看到：disabled是可以禁用任何元素的，如果你不相信的话还可以用一个复选框来测试一下：被禁用选中：没被禁用选中： 浏览器效果截图：