2011-08-14 70 views
11

我想创建一个简单的表格与2个输入字段和1个按钮。HTML玉帮助

这里的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> 

请帮我之前,我抛出此计算机窗外并发送玉模板语言开发后杀的阵容。

+0

这是怎么回事? –

+0

我需要翻译成翡翠。 –

+0

我无法在此发布,缩进将无法使用。除了我刚开始使用Express.js和Jade;我甚至不知道从哪里开始。 –

回答

26
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") 
+0

谢谢。该作品。 –

+0

只是出于好奇,这是什么部分挂起你? –

+0

我不知道我不得不用竖线。不知道形式和投入都是功能。 –

14

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

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

,而不是名称=“#(名称)”,你可以简单地使用名称=名称(也有缺少逗号在输入),与混入很好的解决方案! – w00t

8

我最近玉GitHub的页面上发现了一个HTML玉转换器增加了一个链接:

https://github.com/donpark/html2jade

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

+0

由于它就会派上用场。 –

5

您可以在玉文档中使用纯HTML,它会正确地渲染(只是柜面你需要使用它!)

+0

这是很好的了解,你可以混合使用HTML和玉? – jwerre