Yeşim için HTML yardım

Question

2 giriş alanı ve 1 düğmesiyle basit bir form oluşturmaya çalışıyorum.

İşte Jade çevrilmesi gerekiyorsa HTML var:

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

Pencereden dışarı bu bilgisayarı atmak ve Jade şablon oluşturma dili geliştiricileri sonra öldürmek takım göndermek önce bana yardım edin.

Answer 1

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

Answer 2

Daha zarif ve doğru bir yol var. Kullanılabilirliği unutma. Ve kolonileri atlamak bir kağıt formu değil! Ben katmalar kullanıyorum formu render için

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

. Kodumu tekrar kullanılabilir ve esnek hale getirir. Buraya bak: Geçenlerde Yeşim github sayfasından fark

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

Answer 3

bir bağlantı Yeşim dönüştürücü bir HTML için eklendi:

https://github.com/donpark/html2jade

değerinde olabilir elle eğer çeviri ziyade, kontrol dönüştürmek için birkaçdan fazla var.

Answer 4

(Hiç kullanmaya gerek Sadece örtmek!) Bir Jade belgede düz HTML kullanabilir ve doğru bir şekilde oluşturulur JADE dönüştürür

Answer 5

birçok çevrimiçi HTML vardır. İşte iyi bir tane.

HTML to Jade converter