Saya mencoba membuat formulir sederhana dengan 2 kolom input dan 1 tombol.
Berikut HTML yang perlu diterjemahkan ke 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>
Tolong bantu saya sebelum saya membuang komputer ini keluar jendela dan mengirim pasukan pembunuh setelah pengembang bahasa template Jade.
Ada cara yang lebih elegan dan benar. Jangan lupa tentang kegunaan. Dan lewati titik dua, ini bukan formulir kertas!
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")
Untuk rendering formulir saya menggunakan mixin. Itu membuat kode saya dapat digunakan kembali dan fleksibel. Lihat disini:
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')
Saya baru-baru ini memperhatikan di halaman Jade github sebuah tautan telah ditambahkan untuk konverter HTML ke Jade:
https://github.com/donpark/html2jade
Mungkin ada baiknya untuk dicoba, daripada menerjemahkan secara manual jika Anda memiliki lebih dari beberapa untuk dikonversi.
Anda dapat menggunakan HTML biasa dalam dokumen Jade dan itu akan ditampilkan dengan benar (Jika Anda perlu menggunakannya!)
Ada banyak orang yang mengonversi HTML ke JADE online. Ini yang bagus.
