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

Posted 2022-12-23

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

现象

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

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

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

原因

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