民间, 我是玉和引导的新手。创建一个简单的表单,其中包含下拉列表和复选框。
现在我的代码如下:
form(role="search",action='/uri/blah' method='post').navbar-form.navbar-left
.form-group
input(type="name", name="bae", placeholder="bae", required).form-control
select(id="type",name="type").form-control
option(value="foo") foo
option(value="bar") bar
option(value="baz") baz
input(type="text", name="X", placeholder="X", required).form-control
input(type="checkbox", name="checkboxname", text="asdf").form-control
p
button(type="submit").btn.btn-default Submit
问题: 1.)复选框名称,是否有正确的语法来标记它? 2.)如何使表单更具动态性?即,如果单击复选框或选择下拉列表,则会出现另一个复选框?
由于
答案 0 :(得分:7)
不幸的是,为了让它变得动态,你不能在Jade中做到这一点。您将不得不依赖jQuery或其他前端库来处理它。
我将Checkbox标记为:
label(for="checkbox")
input(type="checkbox", name="checkboxname", value="value").form-control
| Checkbox Label Goes Here
如果我想从服务器设置默认值:
label(for="checkbox")
input(type="checkbox", name="checkboxname", value="value" checked=data.checked?"checked":undefined).form-control
| Checkbox Label Goes Here
答案 1 :(得分:0)
以下作品:(bootstrap3)
.checkbox
label
input(type='checkbox', name='checkbox', value='test')
| check
答案 2 :(得分:0)
如果您正在使用角度,这可以正常使用
input(type="checkbox", name="myCheckbox")
label(translate="TRANSLATE_TEXT", for="myCheckbox")