form 中input type=button 和 button的具体区别

在 HTML 中，`<button>` 和 `<input type="button">` 都可以用来创建按钮，但它们有一些不同点：

1. 内容：`<button>` 可以包含文本和 HTML 标签，而 `<input type="button">` 只能包含文本。
2. 显示：`<button>` 默认会被渲染成带样式的按钮，而 `<input type="button">` 则不一定有样式。
3. 行为：当 `<button>` 被点击时，它的行为可以通过 JavaScript 来控制。而 `<input type="button">` 的行为只能通过表单提交或链接到其他页面来控制。

因此，如果你需要一个具有更多自定义选项和样式的按钮，可以使用 `<button>`。如果你只需要一个简单的按钮来提交表单或执行其他基本操作，那么使用 `<input type="button">` 也是可以的。

相关问题

<form> 中<input type=button>事件能正常运行 <button>标签事件不能运行，为什么

这是因为 `<input>` 和 `<button>` 标签的默认行为不同。

对于 `<input type="button">` 标签，默认行为是不做任何事情，因此你可以在其上设置一个 JavaScript 事件来执行你的代码。

而对于 `<button>` 标签，默认行为是提交表单，因此如果你在其上设置一个 JavaScript 事件，它会在执行完事件后立即提交表单，从而导致你的事件无法正常运行。

如果你想在 `<button>` 标签上设置 JavaScript 事件，你需要在事件处理函数中使用 `event.preventDefault()` 来阻止默认的提交行为，例如：

<button onclick="myFunction(event)">点击我</button>

<script>
function myFunction(event) {
  event.preventDefault();
  // 在这里写你的代码
}
</script>

这样就可以防止默认的提交行为，使你的 JavaScript 事件正常运行了。

<form>里的<input type="submit" value="Submit">和我直接定义的一个<button type="button" onclick="sendData(1)">点亮 LED</button> 的区别是什么

`<input type="submit">`和`<button type="button">`的最大区别在于它们的默认行为和功能不同。

`<input type="submit">`是一个用于提交表单的按钮，当用户单击该按钮时，表单数据将被提交到服务器上进行处理。`<input>`标签的`type`属性默认值为`submit`，所以如果您不指定该属性，该元素将被渲染成一个提交按钮。

`<button type="button">`是一个普通按钮，它不会自动提交表单。当用户单击该按钮时，可以执行任何JavaScript代码来完成自己的逻辑。在上面的代码中，`<button>`标签的`onclick`属性设置了一个名为`sendData`的JavaScript函数，用于实现控制LED灯的逻辑。

因此，当您想要创建用于提交表单的按钮时，应该使用`<input type="submit">`标签。而当您想要创建一个普通按钮并执行自己的JavaScript逻辑时，应该使用`<button>`标签。