HTML button标签

如果<button>标签在<form>中不加type=“button”，那么默认含义是“submit”。

<button>标签里面disabled属性使其不可用，常见javascript修改disabled属性实例：（a键b键互相撕逼）

<style>#a,#b{height:30px;width:70px;background:yellow;box-sizing:border-box；}</style></head><body><button type="button" id="a" οnclick="an()" >会变色</button><button type="button" id="b" οnclick="bn()" >会变色</button><script>function bn(){if(document.getElementById("b").disabled!="true"){document.getElementById("b").disabled="true";document.getElementById("b").style.background="gray";document.getElementById("a").removeAttribute("disabled");document.getElementById("a").removeAttribute("style");}else{document.getElementById("a").disabled="true";document.getElementById("a").style.background="gray";document.getElementById("b").removeAttribute("disabled");document.getElementById("b").removeAttribute("style");}}function an(){if(document.getElementById("a").disabled!="true"){document.getElementById("a").disabled="true";document.getElementById("a").style.background="gray";document.getElementById("b").removeAttribute("disabled");document.getElementById("b").removeAttribute("style");}else{document.getElementById("b").disabled="true";document.getElementById("b").style.background="gray";document.getElementById("a").removeAttribute("disabled");document.getElementById("a").removeAttribute("style");}}</script>
</body>

转载于:https://www.cnblogs.com/GUOZHENY/p/6085955.html

HTML button标签相关推荐

微信按钮android代码实现原理,微信小程序button标签open-type实现原理
这篇文章主要介绍了微信小程序button标签open-type属性原理解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下 open-type (微信 ...
HTML中的button标签的使用，和介绍
<!-- 关于button按钮的介绍知道:button是定义一个按钮,但是在表单中也有一个可以定义按钮, 我们知道当<input type="button"> ...
被Html的Button标签耍了一次
Html的button标签和input type="button|submit|reset"起的作用是一样的,button标签在ie6,ie7下默认不写type属性的行为相当于&l ...
ie里的button标签的一个bug
做毕业设计的时候,偶像间发现了ie的button标签的一个bug 原始的按钮我们这样写 <input type="button" id="button_id&quo ...
[html] button标签的type默认值是什么呢？
[html] button标签的type默认值是什么呢? Internet Explorer 的默认类型是 "button",而其他浏览器中(包括 W3C 规范)的默认值是 &qu ...
html中通过点击button标签实现页面跳转的三种方法
方法1:使用onclick事件 <input type="button" value="按钮"onclick="javascrtpt:windo ...
php给html标签添加样式,html button标签的样式怎么设置？html button标签的样式介绍...
本篇文章主要的介绍了关于HTML button标签的样式设置,还有关于HTML button标签的美化样式介绍,接下来就让我们一起来阅读本篇文章吧首先我们先介绍HTML中的button标签的样式设置 ...
Ionic之button标签ng-click无反应解决
在使用Ionic中,使用按钮的ng-click事件,竟然点击没有反应,刚开始以为自己写得方法有问题才会不起作用,自己在点击之后就console.log()一个东西,但是console也是无法反应的.& ...
button标签以及post和get方法
文献种类:专题技术文献: <button>标签以及post和get方法开发工具与关键技术:VS/HTML 作者:吴泽锋撰写时间:2019年5月28日 2.<button>& ...

HTML button标签

HTML button标签相关推荐

最新文章

热门文章