ฉันกำลังพยายามสร้างแบบฟอร์มง่ายๆ ด้วยช่องป้อนข้อมูล 2 ช่องและ 1 ปุ่ม
นี่คือ HTML ที่ต้องแปลเป็น 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>
โปรดช่วยฉันก่อนที่ฉันจะโยนคอมพิวเตอร์เครื่องนี้ออกไปนอกหน้าต่าง และส่งทีมสังหารหลังจาก Jade กำลังสร้างเทมเพลตภาษาให้กับนักพัฒนาภาษา
มีวิธีที่สง่างามและถูกต้องมากขึ้น อย่าลืมเกี่ยวกับการใช้งาน และข้ามเครื่องหมายโคลอน ไม่ใช่แบบฟอร์มกระดาษ!
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')
ฉันเพิ่งสังเกตเห็นในหน้า Jade github มีการเพิ่มลิงก์สำหรับตัวแปลง HTML เป็น Jade:
https://github.com/donpark/html2jade
อาจคุ้มค่าที่จะลองดู แทนที่จะแปลด้วยมือ หากคุณมีข้อมูลที่ต้องแปลงมากกว่า 2-3 รายการ
คุณสามารถใช้ HTML ธรรมดาในเอกสาร Jade และมันจะแสดงผลอย่างถูกต้อง (เผื่อว่าคุณจำเป็นต้องใช้มัน!)
มีการแปลง HTML ออนไลน์เป็น JADE มากมาย นี่เป็นสิ่งที่ดี
