HTML to Jade帮助

我正在尝试创build一个2input字段和1个button的简单表单。

以下是需要翻译成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模板语言开发者之后发送一个杀人队。

       

网上收集的解决方案 "HTML to 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") 

有更优雅和正确的方法。 不要忘记可用性。 而跳过冒号这不是一个纸的forms!

 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

可能值得检查,而不是手翻译,如果你有更多的转换。

你可以在一个Jade文档中使用纯HTML,它将正确渲染(只要你需要使用它!)

有很多在线的HTML到JADE的转换。 这是一个很好的。

HTML到Jade转换器