Я пытаюсь создать простую форму с 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>
Пожалуйста, помогите мне, прежде чем я выброшу этот компьютер из окна и отправлю отряд убийц за разработчиками языка шаблонов Jade.
Есть более элегантный и правильный способ. Не забывайте об удобстве использования. И пропускайте двоеточие, это не бумажная форма!
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')
Недавно я заметил, что на странице Jade github была добавлена ссылка для конвертера HTML в Jade:
https://github.com/donpark/html2jade
Возможно, стоит проверить, а не переводить вручную, если у вас есть несколько конвертируемых.
Вы можете использовать простой HTML в документе Jade, и он будет правильно отображаться (на всякий случай, если вам когда-нибудь понадобится его использовать!)
Есть много онлайн конвертеров HTML в JADE. Вот хороший.
