HTML do Jade pomóc

Próbuję utworzyć prosty formularz z 2 pól wejściowych i 1 przycisku.HTML do Jade pomóc

Oto HTML, który musi zostać przetłumaczony na 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>

Proszę mi pomóc, zanim rzucę ten komputer przez okno i wysłać drużynę kill po programistów języka Jade szablonów.

Źródło

2011-08-14 Sahat Yalkabov

Co jest nie tak z tym? –

Potrzebuję tego przetłumaczonego na Jade. –

Nie mogę tego opublikować, wcięcie nie zadziała. Poza tym dopiero zacząłem używać Express.js i Jade; Nie wiem nawet, od czego zacząć. –

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")

Źródło

2011-08-14 00:53:35

Dzięki .To działa –

Po prostu z ciekawości, jaka część tego powiesiła cię ? –

Nie wiedziałem, że muszę używać pionowych pasków Nie wiedziałem, że formularze i dane wejściowe były funkcjami –

Jest bardziej elegancki i poprawny sposób. Nie zapomnij o użyteczności. I pomiń dwukropki, to nie jest papierowa forma!

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")

do renderowania formularza używam wstawek. Sprawia, że mój kod jest wielokrotnego użytku i elastyczny. Spójrz tutaj:

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

Źródło

2011-08-14 01:02:21

zamiast name = "# {name}" możesz po prostu użyć name = name (i brakuje przecinków w Wejścia) Ładne rozwiązanie z miksami! – w00t

Niedawno zauważyłem na stronie Jade github link został dodany do HTML do konwertera Jade:

https://github.com/donpark/html2jade

może być warto sprawdzić, zamiast ręcznie tłumaczenia jeśli masz więcej niż kilka do konwersji.

Źródło

2011-08-14 09:50:40 NeonNinja

Dzięki temu przyda się .. –

Można używać zwykłego HTML w dokumencie Jade i to czyni poprawnie (nie rozczarować kiedykolwiek trzeba go używać!)

Źródło

2011-09-13 15:58:04 Jack