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

按钮的禁用问题

为什么 “.disabled”样式不会禁止按钮的默认行为，比如说提交和重置行为等。如果想要让这样的禁用按钮也能禁止按钮的默认行为，则需要通过JavaScript这样的语言来处理。对于标签也存在类似问题，如果通过类名“.disable”来禁用按钮，其链接行为是无法禁止。而在元素标签中添加“disabled”属性的方法是可以禁止元素的默认行为的。这个文字我看到懂，连在一起就不明白了，有人可以深入简出的解释一下么。。。我用标签试了一下类.disabled,同样禁止了连接行为,,表示不理解

何月

2016-04-08

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

关注问题我要回答

1532

操作

收起

4 回答

display_none 回答被采纳 +3 积分
2016-04-08

<a>标签直接用disabled这个类不能禁止默认行为的。这个记住就好啦。多用disabled属性就好啦

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

收起回答

何月提问者

请问<a>标签的默认行为是连接吗？？默认行为是指什么。。

2016-04-08 回复有任何疑惑可以回复我~

display_none 回复何月提问者

<a>标签的默认行为是连接

2016-04-09 回复有任何疑惑可以回复我~

何月提问者

非常感谢！

2016-04-09 回复有任何疑惑可以回复我~

qq_梦里_0
2016-11-03

运用disabled样式还是禁用了呀。我刚在网上查了一下pointer-events这个属性的

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

收起回答

qq_梦里_0

http://www.cnblogs.com/shihao/archive/2011/12/14/2287244.html

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

依韵_宵音
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>

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

收起回答

qq_面朝大海春暖花开_03687610

亲测，还是禁用了。在3.1.1版本中，无论是用disabled类还是disabled属性的方法，都会被禁

2016-07-21 回复有任何疑惑可以回复我~

依韵_宵音回复 qq_面朝大海春暖花开_03687610

默认行为，只用样式，是禁用不了的。

2016-07-24 回复有任何疑惑可以回复我~