html要使用两个button

Posted 2023-05-05

参考技术A 将按钮2初始化状态设为禁用,也就是设置disabled="disabled"属性值,然后,在按钮1的onclick事件中将按钮2的disabled属性重设为false,这样,按钮2就变成可用了.示例代码如下:
<button onclick="javascript:document.getElementById('btn2').disabled=false;">按钮1</button>
<button id="btn2" disabled="disabled">按钮2</button>

HTML中＜button /＞和＜input type=“button“/＞的区别

根据上篇博文提到的显示高亮的内容，在点击按钮的时候用到了<input type="button">的标签，为什么会使用使用<input>标签，而不使用<button>标签呢？

现象

1、我们在使用<input type="button"/>标签后显示的结果：

可以看到正常把搜索框中内容高亮显示出来了。

2、如果使用<button value="搜索" id ="btnsearch" />的话，在输入框输入要查找的文本之后，相应的行会闪一下，就会恢复原样了。（不好截图，这里就没有放图片）

原因

针对与这个现象，button标签是一个按钮标签，可以执行事件，那么执行完一个完整的点击事件之后会恢复到原本的样子，input标签是一个输入标签，当完成一个输入事件之后，可以理解成光标定位还是在表格高亮的那一行数据上。