“.disabled”样式不会禁止按钮的默认行为，比如说提交和重置行为等。可测试结果不是这样的。

源自：3-23 按钮状态——禁用状态

“.disabled”样式不会禁止按钮的默认行为，比如说提交和重置行为等。可测试结果不是这样的。

<form role="form">
        <div class="form-group">
            <label class="control-label">First name: </label>
            <input type="text" name="fname" class="form-control" />
        </div>
        <div class="form-group">
            <button type="reset" value="Reset" class="btn btn-primary disabled">Reset</button>
        </div>
        <div class="form-group">
            <button type="reset" value="Reset" class="btn btn-primary" disabled>Reset</button>
        </div>
</form>

以上禁用，一个是通过class，一个是disabled属性，但是两个效果都是一样的，都没有进行重置行为，这和左侧介绍的内容不一致，请指点。

提问者：DaiDaiLiu 2015-10-19 17:05

个回答

于梦中

2016-02-17 09:20:55

在3.1.1版本中，无论是用disabled类还是disabled属性的方法，链接行为都被禁止了
看源码，btn.disabled第一句就是pointer-events：none;阻止鼠标事件。。。按钮的点击操作肯定都不行了

2
sevencuijian

2015-10-27 11:25:15

不知道的完整代码是什么，我这里把你的代码copy到Bootstrap的HTML标准模板中，效果是正常的，第一个reset按钮可以是重置，第二个按钮是不可用的

0
暴暴蓝

2015-10-21 18:29:23

是的，我这边用.disabled也是无重置效果，把button改为input type=reset也一样g

0