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

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

依韵_宵音

2016-05-08 16:28

    <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是禁止掉默认行为的呢?

写回答 关注

5回答

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

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

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

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

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

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

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

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

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

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

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

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


    侠客岛的含笑 回复墨韵拓风华

    我的加http也不行,请问这是什么问题

    2016-12-27 07:34:41

    共 5 条回复 >

玩转Bootstrap(基础)

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

314546 学习 · 2275 问题

查看课程

相似问题