使用 pug.js 在 <a></a> 标签内放置一个按钮
Put a button inside the <a></a> tag using pug.js
这是我的预期结果：
<a>
<button class="btn btn-tomato mx-auto" type="button" style="width:50%; white-space: normal; opacity:0.8;">Button text</button>
</a>
所以我这样写我的哈巴狗:
a
button.btn.btn-tomato.mx-auto(type='button', style='width:50%; white-space: normal; opacity:0.8')
然而，结果是这样的：
<a></a>
<button class="btn btn-tomato mx-auto" type="button" style="width:50%; white-space: normal; opacity:0.8;">Button text</button>
<button> 不在 <a> 中。你能告诉我如何解决这个问题吗？谢谢。
HTML 禁止 按钮出现在锚点内。
如果您想要 link，请使用 <a>。
如果要提交表单，请使用 <button>。
如果你想从中触发JavaScript并且不能写Unobtrusive JS，那么使用<button type="button">.
然后应用 CSS 使其看起来像您想要的样子。
这是我的预期结果：
<a>
<button class="btn btn-tomato mx-auto" type="button" style="width:50%; white-space: normal; opacity:0.8;">Button text</button>
</a>
所以我这样写我的哈巴狗:
a
button.btn.btn-tomato.mx-auto(type='button', style='width:50%; white-space: normal; opacity:0.8')
然而，结果是这样的：
<a></a>
<button class="btn btn-tomato mx-auto" type="button" style="width:50%; white-space: normal; opacity:0.8;">Button text</button>
<button> 不在 <a> 中。你能告诉我如何解决这个问题吗？谢谢。
HTML 禁止 按钮出现在锚点内。
如果您想要 link，请使用
<a>。如果要提交表单，请使用
<button>。如果你想从中触发JavaScript并且不能写Unobtrusive JS，那么使用
<button type="button">.
然后应用 CSS 使其看起来像您想要的样子。