Pug (Jade) HTML 表单

新手上路,请多包涵

我正在尝试使用 Pug 创建以下简单表单:

 <body>
     <form action="/add_movie" method="POST">
       <p>
         title: <input type="text" name="title" value=""/>
         year: <input type="text" name="year" value=""/>
         imdb: <input type="text" name="imdb" value=""/>
       </p>
       <input type="submit" value="Submit"/>
     </form>
  </body>

但是我不能让表单只使用一个 p 标签。这是我想出的:

 body
    h1= "Add a movie!"
    form(action="/new_movie" method="POST")
    p Title:
      input(type="text" name="title" placeholder="")
    p Year:
      input(type="text" name="year" placeholder="")
    p imdb:
      input(type="text" name="imdb" placeholder="")
    input(type="submit")

有没有办法在 一个 p 标签内重新创建 Pug 中的原始 HTML 表单?

原文由 Anton K 发布,翻译遵循 CC BY-SA 4.0 许可协议

阅读 410
2 个回答

使用 管道文本 将内容标记为现有块中的文本。

 body
  form(action='/add_movie', method='POST')
    p
      | title:
      input(type='text', name='title', value='')
      |          year:
      input(type='text', name='year', value='')
      |          imdb:
      input(type='text', name='imdb', value='')
    input(type='submit', value='Submit')

……但是你应该只在你确实有一个段落时才使用段落,你应该 学会喜欢标签

原文由 Quentin 发布,翻译遵循 CC BY-SA 3.0 许可协议

我使用这个网站 https://html2jade.org/ 将 HTML 传递给 Pug,它非常有用。

为您的 HTML 提供的解决方案是这样的(与@Quentin 的回答相同)

 html
  head
  body
    form(action='/add_movie', method='POST')
      p
        | title:
        input(name='title', value='', type='text')
        |          year:
        input(name='year', value='', type='text')
        |          imdb:
        input(name='imdb', value='', type='text')
      input(value='Submit', type='submit')

原文由 Sergi Nadal 发布,翻译遵循 CC BY-SA 4.0 许可协议

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
logo
Stack Overflow 翻译
子站问答
访问
宣传栏