button 元素用于创建可点击按钮，支持提交表单、触发 javascript 函数等操作。1. 使用 type 属性定义按钮行为：type="button"（默认值）、type="submit"（提交表单）、type="reset"（重置表单）。2. 触发 javascript 函数可通过 onclick 属性或使用 addeventlistener 添加点击事件监听器实现。3. 禁用按钮通过设置 disabled 属性完成，也可通过 javascript 动态控制启用或禁用状态。4. button 与 input type="button" 的区别在于：button 支持 html 内容、样式更灵活且语义更清晰，而 input 只能显示纯文本且语义较弱。因此，推荐优先使用 button 元素以获得更好的灵活性和可维护性。
button 元素在 HTML 中用于创建可点击的按钮。它可以执行各种操作，例如提交表单、触发 JavaScript 函数等。它比 input type="button" 更灵活，因为它允许在按钮内容中使用 HTML 元素。
解决方案
type 属性指定按钮的行为。type="button" 是默认值，表示一个普通按钮，通常与 JavaScript 结合使用。type="submit" 用于提交表单，type="reset" 用于重置表单。
立即学习“前端免费学习笔记（深入）”；
如何使用 HTML button 触发 JavaScript 函数？
要使用 HTML button 元素触发 JavaScript 函数，你可以使用 onclick 属性。这个属性允许你在按钮被点击时执行一段 JavaScript 代码。
或者，你也可以使用 JavaScript 来添加事件监听器，这是一种更推荐的方式，因为它将 HTML 结构和 JavaScript 行为分离。
这种方式的优点在于，你可以更容易地管理和维护你的 JavaScript 代码。
如何禁用 HTML button？
禁用 HTML button 可以通过设置 disabled 属性来实现。当按钮被禁用时，用户无法点击它，并且它的外观通常会发生改变，以表明它处于禁用状态。
你也可以使用 JavaScript 来动态地启用或禁用按钮。
这在某些情况下非常有用，例如，当表单正在提交时，你可以禁用提交按钮，以防止用户多次提交表单。
button 元素和 input type="button" 有什么区别？
虽然 button 元素和 input type="button" 都可以创建按钮，但它们之间存在一些重要的区别。
-
内容:
button元素允许在其中包含 HTML 内容，例如文本、图像，甚至是其他 HTML 元素。而input type="button"只能包含纯文本。 样式: 由于
button元素可以包含 HTML 内容，因此你可以更灵活地对其进行样式设置。语义:
button元素在语义上更明确地表示一个按钮，而input type="button"则更通用。
总的来说，button 元素通常是创建按钮的首选方式，因为它更灵活且语义更清晰。在需要显示复杂内容或需要更精细的样式控制时，button 元素是更好的选择。 只有在一些特殊情况下，例如需要与旧的浏览器兼容时，才可能需要使用 input type="button"。
