                        课程
                    
                        /前端开发
                        
                            /Bootstrap
                        
                        /玩转Bootstrap（基础）

在class属性中加入disabled 对按钮reset来说还是不能重置了呀？

<button type="reset" class="btn disabled" >reset</button>

<br>

</form>

这样的话还是可以禁用掉的，也就是我在input里输入了东西，点击reset是没有效果的，这不是和他说的在class中加入disabled不能禁止默认行为只能通过属性disabled设置矛盾吗？

以上代码中，reset按钮不能充值input里面的内容 a标签也不能完成打开百度页面的功能，这是不是说：。disabled是禁止掉默认行为的呢？

依韵_宵音

2016-05-08

源自：玩转Bootstrap（基础） 3-23

关注问题我要回答

4388

操作

收起

5 回答

吃天狗的月亮
2017-06-07

试了一下，的确如此，但是 button 和 input 控件设置属性可以禁用默认事件，但是 a 标签不可以。

请问你知道 a 标签的禁用方法吗？

0 回复有任何疑惑可以回复我~

收起回答

侠客岛的含笑
2016-12-27

哇咔咔，pointer-events:none的作用不只是禁用链接hover，打开链接等效果，是真实意义上的将onlick事件去掉了。如果您反应迅速，创新意识强的话，是不是想到可以利用pointer-events:none实现按钮、选项卡等的禁用效果等。也就是说，老师说错了

0 回复有任何疑惑可以回复我~

收起回答

飞过那座山
2016-09-15

在网页自带的浏览器，我在测试的时候也是跟你出现同样的问题。

但是这个问题，在本地测试却是没有问题的。所以，当出现问题，还是两方面都试一下的好！

0 回复有任何疑惑可以回复我~

收起回答

FianeHsu
2016-07-26

<input class="disabled">不会禁止按钮的默认行为

<input disabled="disabled">可以禁止元素的默认行为

0 回复有任何疑惑可以回复我~

收起回答

依韵_宵音提问者
2016-05-08

问题已经解决

在这儿演示的时候是可以的，应该是环境问题，这里的测试环境应该还引用了别的东西。

自己新建页面去写，只引用<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">这个样式表，是禁止不了行为的，测试代码如下：

<!doctype html>
<html>
<head>
    <meta charset="UTF-8">
<title>按钮状态——禁用状态</title>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
</head>
<body>
<form role="form">
        <input type="text" placeholder="input something">
        <button type="reset" class="btn disabled" >reset</button>
        <br>        
        <a class="btn disabled" target="_blank" href="https://www.baidu.com/">去百度</a>
    </form>
</body>
</html>

3 回复有任何疑惑可以回复我~

收起回答

墨韵拓风华

根据你的代码，按钮行为没有被禁用是因为你bootstrap的引用地址有问题，没有加http，所以bootstrap根本没有效果，所以才没有被禁用

2016-11-28 回复有任何疑惑可以回复我~

墨韵拓风华

按钮不能被鼠标点击，但是可以用键盘操作

2016-11-28 回复有任何疑惑可以回复我~

依韵_宵音提问者回复墨韵拓风华

不用加的不写表示http 或 https 资源引用是没有问题的。

2016-12-06 回复有任何疑惑可以回复我~