使用disabled属性禁用某个元素

1:disabled属性可以设置或者返回是否默认的禁用某个元素,你可以用它做许多的事情,比如禁用输入框,禁用下拉框,禁用button等等元素;
2:先用一个input输入框做个试验:先再页面上设置一个input输入框,然后再设置禁用属性把它禁用输入:‘禁用输入框:’;设置完成后打开浏览器开一下效果:
浏览器效果截图:
在这里插入图片描述
3:从上图中可以看出,输入框是禁止输入了的,怎么点都不会有效果,再来看看下拉框是否也能被禁用,在页面上再设置一个下拉框,并给它几个选项,再设置一个input的button,给这个input的button一个点击事件,点击的时候返回这个选项是否被禁用,代码:
禁用下拉框Pineapple选项:

Apple Orange Pineapple Banana

设置完成后再去浏览器上看看效果,首先当点击input的button按钮时会弹出来这个选项是否被禁用,其次可以看到Pineapple选项是不能选择的: 点击input的button时效果截图: ![在这里插入图片描述](https://img-blog.csdnimg.cn/20190618081538169.png) 下拉框选项Pineapple被禁用效果截图: ![在这里插入图片描述](https://img-blog.csdnimg.cn/20190618081509738.png) 4:由此可以看到:disabled是可以禁用任何元素的,如果你不相信的话还可以用一个复选框来测试一下:被禁用选中:没被禁用选中: 浏览器效果截图: ![在这里插入图片描述](https://img-blog.csdnimg.cn/2019061808154634.png)

猜你喜欢

转载自blog.csdn.net/weixin_44543131/article/details/92760234