Javascript Pug/Jade-输入是一个自动关闭的元素：<；输入/>；但是包含嵌套内容吗？

我想创建如下html：

<label class="radio-inline">
    <input type="radio" name="hidden" checked="" value="Visible"> Visible
</label>

label.radio-inline
  input(type='radio', name='hidden', value=0, checked='')
  | Visible

但我有一个错误：

输入是一个自动关闭的元素：但包含嵌套内容

---

这是什么意思？如何修复此问题？

您需要像这样：

<label class="radio-inline">
    <input type="radio" name="hidden" checked="" value="Visible"> Visible
</label>

label.radio-inline
  input(type='radio', name='hidden', value=0, checked='')
  | Visible

---

将

Visible

与

input

放在同一行上，使帕格将其解释为

input

元素的内部HTML。

使用Jade/pug有多种方法可以做到这一点。第一种方法是使用管道字符（需要新行）：

第二种方法是使用标记插值（您可以保持在同一条线上）：

因此，Jethro的另一个答案是：

label.radio-inline
  #[input(type='radio', name='hidden', value=0, checked='')] Visible

请注意，您甚至可以执行以下操作：

 label #[input] text

这将产生：

正文

我认为将

输入

放在

标签

标签内是胡说八道，还是不？你可以这么做

label(for="ya") Visible
input(id="ya", type="radio", name="hidden", value=0, checked="")

---

这将为您提供一个符合现代标准的贴有完美标签的单选按钮。

元素不能包含任何内容。可以，尽管这不是OPs要求。还要注意的是，您的链接明确声明“提示：标签可以通过使用“for”属性或将元素放置在元素中绑定到元素。”。谢谢从语义的角度来看，我不会使用它。我仍然会遇到错误

input>first\u name.form控件.input sm.floatlabel（type=“text”，name=“first\u name”，placeholder=“first name”）

label(for="ya") Visible
input(id="ya", type="radio", name="hidden", value=0, checked="")