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

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

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

DaiDaiLiu

2015-10-19 17:05

<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属性，但是两个效果都是一样的，都没有进行重置行为，这和左侧介绍的内容不一致，请指点。

写回答关注

3回答

于梦中

2016-02-17 09:20:55

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

0 2
sevencuijian

2015-10-27 11:25:15

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

0 0
暴暴蓝

2015-10-21 18:29:23

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

0 0

玩转Bootstrap（基础）

告诉你使用Bootstrap，并且能够独立定制出适合自己的Bootstrap

314544 学习 · 2275 问题

查看课程

相似问题

这段代码在本地执行的结果是通过添加类名的按钮不会禁止默认行为，通过添加属性的按钮会禁止默认行为，在慕课网上执行的结果是都会禁止

回答 1

添加类名disabled可以禁止默认行为？

回答 3

为何我发现类名和属性都可以禁止按钮的默认行为？

回答 3

disabled添加到类名和属性中都可以禁止默认行为呢？

回答 1

reset按钮的重置行为是否没有被禁止如何查看

回答 3

打开慕课网App查看更多内容