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不认识“标签”元素吗？ 编辑：忘记“label”元素，这是正确的。

Answer 1

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

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

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

Jade + NodeJS：未按要求呈现

1 个答案: