问答详情
源自：3-23 按钮状态——禁用状态

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

    <form role="form">

        <input type="text" class="form-control" 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>

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


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

提问者：依韵_宵音 2016-05-08 16:28

个回答

  • 吃天狗的月亮
    2017-06-07 11:54:34

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

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

    0
  • 侠客岛的含笑
    2016-12-27 07:42:18

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

    0
  • 飞过那座山
    2016-09-15 12:18:38

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

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

    0
  • FianeHsu
    2016-07-26 13:36:53

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

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

    0
  • 依韵_宵音
    2016-05-08 16:38:46

    问题 已经解决

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

    自己新建页面去写，只引用<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