node.js - Jade +NodeJS : not rendered as desired

Question

我正在使用 Bootstrap 来设计我的网站。我的 index.jade 中有以下代码片段:

form.form-inline.pull-right(action='http://localhost:1337/authenticated', method='POST')
  input.input-small(type='text', placeholder='Email', name='emailInput') 
  input.input-small(type='password', placeholder='Password', name='passwordInput')
  label.checkbox
    input(type='checkbox') Remember me
  button.btn(type='submit') Sign in

渲染到

<form action="http://localhost:1337/authenticated" method="POST"
  class="form-inline pull-right">
  <input type="text" placeholder="Email" name="emailInput"
    class="input-small"><input type="password"
    placeholder="Password" name="passwordInput" class="input-small"><label
    class="checkbox"><input type="checkbox"></label>
  <button type="submit" class="btn">Sign in</button>
</form>

但我需要它呈现为(注意标签，而不是缩进)编辑:实际上我需要相同的意图并且出现“记住我”

<form class="form-inline pull-right" action="http://localhost:1337/authenticated" method="POST">
  <input type="text" class="input-small" placeholder="Email" name="emailInput">
  <input type="password" class="input-small" placeholder="Password" name="passwordInput">
  <label class="checkbox">
    <input type="checkbox"> Remember me
  </label>
  <button type="submit" class="btn">Sign in</button>
</form>

我该如何解决这个问题？ Jade 不认识“标签”元素吗？编辑:忘记“标签”元素，这是正确的。

Answer 1

文本“记住我”需要是标签元素的子元素:

label.checkbox
  input(type='checkbox')
  | Remember Me

您的示例将“记住我”作为输入元素的子元素，该元素无效且不会呈现。请参阅https://github.com/visionmedia/jade#tag-text .