为了账号安全,请及时绑定邮箱和手机立即绑定

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

正在回答

3 回答

在3.1.1版本中,无论是用disabled类还是disabled属性的方法,链接行为都被禁止了

看源码,btn.disabled第一句就是pointer-events:none;阻止鼠标事件。。。按钮的点击操作肯定都不行了

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

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

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

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

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

举报

0/150
提交
取消

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

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信