推荐使用 而非 ，因其支持子元素、无障碍属性、伪类及表单关联；需显式设 type="button" 防止误提交，用 addeventlistener 绑定事件，注意 dom 加载时机、样式权重与可访问性。

直接用 <button></button> 就行，不需要“HTML编辑器”额外功能 —— 真正要解决的是点击后做什么、样式是否可用、事件是否绑定成功。

为什么 <button></button> 比 <input type="button"> 更推荐

现代项目里几乎没人用 <input type="button"> 了：它不能包裹内容（比如图标+文字），默认样式更难统一，且不支持 disabled 的语义化状态切换。而 <button></button> 天然支持子元素、无障碍属性（如 aria-label）、CSS 伪类（:focus-visible）和表单关联。

实操建议：

Wechat HTML Publisher

直接上传HTML富文本到微信公众号草稿箱。支持完整的HTML格式,无需Markdown转换。

下载

• 始终写闭合标签：<button type="button">点击我</button>，别省略 type —— 不写会默认为 submit，在表单里点一下就刷新页面
• 如果按钮在 <form></form> 内但不想提交，必须显式写 type="button"
• 避免用 <div onclick="..."> 代替，它不是可聚焦、不可键盘触发、屏幕阅读器不识别为按钮 <h3>点击后执行 JS 的三种常见写法及坑点</h3> <p>绑定事件本身很简单，但容易忽略执行时机、作用域和重复绑定问题。</p> <p>实操建议：</p> <ul> <li>用 <code>addEventListener 而非 onclick 属性：前者可多次添加，后者会被覆盖；document.getElementById("myBtn").addEventListener("click", handleClick)
• 确保 DOM 已加载：把 JS 放在