Jade模板如何控制Label文字位置

发布于 2022-09-04 10:42:48 字数 686 浏览 15 评论 0

我想要的效果是这样的:

clipboard.png

对应的h5语言是:

<label>
   <input type="checkbox" value="remember-me"> Remember me
</label>

如何使用Jade模板达到这个效果?我做到的效果是这样的:

clipboard.png

使用jade模板语言:

label Remember
    input(type="checkbox" value="RemeberMe")

在input同级加上一个label标签也可以达到效果,想知道有没有不添加label或者其他标签达到想要的效果?

引用文字

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

扫码二维码加入Web技术交流群

发布评论

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

评论(2

恍梦境° 2022-09-11 10:42:48

既然知道html语言怎么写,那还不简单,找个在线转换器转换一下就可以啦
jade:

label
  input(type="checkbox", value="remember-me")
  |  Remember me

转换网址:HTML to Jade

小清晰的声音 2022-09-11 10:42:48

Jade 有 inline 语法。

label #[input(type='checkbox', value='remember-me')] Remember me
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文