帕格（玉）HTML 表單

Question

我正在嘗試使用 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 表單？

Answer 1

使用管道文本將內容標記為現有塊中的文本。

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')

……但是你應該只在你真的有一個段落時才使用段落，你應該學會喜歡標簽。

Answer 2

我使用這個網站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')

Answer 3

body
    form(action="/login" method="POST")
    p Username:
      input(type="text" name="username" placeholder="Enter Your Username ")
    p Password:
      input(type="password" name="password" placeholder="Enter Your Password ")
    input(type="submit")

帕格（玉）HTML 表單

問題描述

3 個解決方案

解決方案1
14 已采納 2017-03-29 10:23:45

解決方案2
2 2018-08-16 11:04:24

解決方案3
-1 2020-05-13 17:18:46

帕格（玉）HTML 表單

問題描述

3 個解決方案

解決方案1 14 已采納 2017-03-29 10:23:45

解決方案2 2 2018-08-16 11:04:24

解決方案3 -1 2020-05-13 17:18:46

解決方案1
14 已采納 2017-03-29 10:23:45

解決方案2
2 2018-08-16 11:04:24

解決方案3
-1 2020-05-13 17:18:46