我正在尝试创建一个带有 2 个输入字段和 1 个按钮的简单表单。
这是需要翻译成 Jade 的 HTML：
<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")
| Username:
input(type="text", name="user")
| Password:
input(type="text", name="pswd")
input(type="submit", value="Submit")
还有更优雅和正确的方法。不要忘记可用性。跳过冒号，这不是纸质表格！
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")
对于表单渲染，我使用的是 mixins。它使我的代码可重用且灵活。看这里：
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 的转换。这是一个很好的。
您可以在 Jade 文档中使用纯 HTML，它会正确呈现（以防万一您需要使用它！）