HTML в помощь Jade

Question

Я пытаюсь создать простую форму с 2 полями ввода и 1 кнопкой.

Вот HTML-код, который необходимо перевести в Jade:

<form name="input" action="html_form_action.asp" method="get">
  Username: <input type="text" name="user" />
  Password: <input type="text" name="pswd" />
  <input type="submit" value="Submit" />
</form>

Пожалуйста, помогите мне, прежде чем я брошуЭтот компьютер из окна и отправить команду убийц после разработчиков языка шаблонов Джейд.

Answer 1

form(name="input", action="html_form_action.asp", method="get")
  | Username:
  input(type="text", name="user")

  | Password:
  input(type="text", name="pswd")

  input(type="submit", value="Submit")

Answer 2

Есть более элегантный и правильный способ.Не забывайте о юзабилити.И пропустить двоеточия это не бумажная форма!

form(name="input", action="html_form_action.asp", method="get")
  key Username
    input(type="text", name="user")

  key Password
    input(type="password", name="pswd")

  input(type="submit", value="Submit")

Для рендеринга форм я использую миксины.Это делает мой код многоразовым и гибким.Смотрите здесь:

mixin text(name, value, title)
  key=title
    input(type="text" name=name value=value)

mixin password(name, value, title)
  key=title
    input(type="password" name=name value=value)

mixin submit(name, value)
  input(type="submit" name=name value=value)

form(name="input", action="html_form_action.asp", method="post")
  mixin text('user', null, 'User')
  mixin password('pswd', null, 'Password')
  mixin submit('do', 'Login')

Answer 3

Недавно я заметил на странице Jade github ссылку для преобразования HTML в Jade:

https://github.com/donpark/html2jade

Возможно, стоит проверить, а не ручной перевод, если у вас есть более чем несколько для конвертации.

Answer 4

Есть много онлайн конвертирования HTML в JADE Вот хороший.

Конвертер HTML в Jade

Answer 5

Вы можете использовать обычный HTML в документе Jade, и он будет отображаться правильно (только в том случае, если вам когда-либо понадобится его использовать)