依韵_宵音
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是禁止掉默认行为的呢?
试了一下,的确如此,但是 button 和 input 控件设置属性可以禁用默认事件,但是 a 标签不可以。
请问你知道 a 标签的禁用方法吗?
哇咔咔,pointer-events:none的作用不只是禁用链接hover,打开链接等效果,是真实意义上的将onlick事件去掉了。如果您反应迅速,创新意识强的话,是不是想到可以利用pointer-events:none实现按钮、选项卡等的禁用效果等。也就是说,老师说错了
在网页自带的浏览器,我在测试的时候也是跟你出现同样的问题。
但是这个问题,在本地测试却是没有问题的。所以,当出现问题,还是两方面都试一下的好!
<input class="disabled">不会禁止按钮的默认行为
<input disabled="disabled">可以禁止元素的默认行为
问题 已经解决
在这儿演示的时候是可以的,应该是环境问题,这里的测试环境应该还引用了别的东西。
自己新建页面去写,只引用<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>
玩转Bootstrap(基础)
314546 学习 · 2275 问题
相似问题