Mops (Jade) HTML-Formular

Ich versuche zu schaffen, die folgende einfache form mit Mops:

HTML:

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

Aber ich kann nicht machen, das Formular funktioniert nur mit einem p tag. Hier ist, was ich kam mit, statt:

HTML:

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

Gibt es eine Möglichkeit, neu zu erstellen die ursprüngliche HTML-Formular in Mops innerhalb eine p tag?

InformationsquelleAutor Anton K | 2017-03-29
  1. 8

    Verwenden weitergeleiteten text zu markieren-Inhalt als text in einem vorhandenen block.

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

    ... aber man sollte nur die Verwendung von Absätzen, wenn man tatsächlich ein Absatz und Sie sollten lieben lernen-Etiketten.

    InformationsquelleAutor Quentin
  2. 2

    Ich Nutzung dieser website https://html2jade.org/ übergeben von HTML, Mops, es ist sehr nützlich.

    Die Lösung für dein HTML ist das (gleiche wie die Antwort von @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')
    InformationsquelleAutor Sergi Nadal
Schreibe einen Kommentar