https://www.php.cn/js-tutorial-389090.html
<button> 标签定义的是一个按钮
1、在 <button> 元素内部,您可以放置任何内容,比如文本或图像。这是该元素与使用 <input> 元素创建的按钮之间的不同之处;
2、 <button> 控件提供了更为强大的功能和更丰富的内容;
3、<button> 与 </button> 标签之间的所有内容都是按钮的内容,其中包括任何可接受的正文内容,比如文本或多媒体内容。
<input> 标签规定了用户可以在其中输入数据的输入字段
<input> 元素在 <form> 元素中使用,用来声明允许用户输入数据的 input 控件;input具体类型取决于type属性
接下来具体说明 四种按钮: <input type="submit"/>、<input type="button"/>、<button type="submit"></button>、<button type="button"></button>
-
<button type="submit"></button> 和 <input type="submit"/>用法相同,用作表单数据提交按钮,默认即会刷新页面;
-
<button type="button"></button> 和 <input type="button"/>的用法是一样的,均为普通按钮,默认情况不会刷新页面。
- 使用button标签不能忘记添加type属性,因为不同浏览器的button默认type值不一样,type值不一样代表button标签的功能不一样