如何将a标签设置为不可用

如何将a标签设置为不可用,第1张

a标签的disable=“true”属性只能使按钮灰掉,但还是可以点击跳转,要想无法点击,可以通过js删除href属性:

function delLink(link) {  

    //link.disabled = true     

    link.setAttribute("disabled",true)   

    link.removeAttribute('href')     

}

不过button就可以直接设置该属性灰掉并无法点击

添加disabled:<a href="http://www.baidu.com" disabled>去百度一下</a>

这个属性在大多数IE上是可以的,IE10和非IE不会生效,因为这不是标准属性。如果想兼容的话,只有用js实现,在onClick事件中去掉href属性,并设置样式为失效时的样式

开发时候我们有时会把a标签做成button的样式,再a标签加入disabled属性只能使按钮变成灰色,不能禁用其原有的点击事件。即还是可以触发a的点击事件。

disabled属性只对input、button、select、option有效果(可能还有别的),并且使用disabled="disabled"时,不管给定任何value,只要出现了disabled,都可以使标签无效。所以需要使用的时候加入disabled属性就行了。

因此如果想使用普通类型的button,务必要加上type="button"属性,否则在form里会自动触发提交。

button的disabled属性是确实能够禁止按钮的任何事件的。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11888421.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-19
下一篇 2023-05-19

发表评论

登录后才能评论

评论列表(0条)

保存