HTML 到 Jade 帮助

发布于 2024-11-29 05:44:15 字数 383 浏览 1 评论 0原文

我正在尝试创建一个带有 2 个输入字段和 1 个按钮的简单表单。

以下是需要翻译为 Jade 的 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>

在我将这台计算机扔出窗外并派出一支杀戮小队追捕 Jade 模板语言开发人员之前，请帮助我。

原文

I am trying to create a simple form with 2 input fields and 1 button.

Here's HTML that needs to be translated to 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>

Please help me before I throw this computer out of the window and send a kill squad after Jade templating language developers.

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

坦然微笑 2024-12-06 05:44:15

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(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 原文

时常饿 2024-12-06 05:44:15

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

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

对于表单渲染，我使用 mixins。它使我的代码可重用且灵活。看这里：

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

There is more elegant and correct way. Don't forget about usability. And skip colons it's not a paper form!

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

For form rendering I'm using mixins. It makes my code reusable and flexible. Look here:

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

回复收藏 0 原文