我正在尝试创建两个窗体,该窗体的每一行最后都有一个提交按钮。我要创建的想法如下图所示。
但是,通过编写以下代码
<div class="form widget widget-medium">
<div class="widget-header title-only">
<h2 class="widget-title">Queue View</h2>
</div>
<form method="POST">
<div>
<label for="Queue 1" class="col-md-4 col-form-label text-md-right"></label><br />
<button type="submit" class="btn medium">
<span>View</span>
</button>
</div>
<div>
<label for="Queue 2" class="col-md-4 col-form-label text-md-right"></label><br />
<button type="submit" class="btn medium">
<span>View</span>
</button>
</div>
<div>
<label for="Queue 3" class="col-md-4 col-form-label text-md-right"></label><br />
<button type="submit" class="btn medium">
<span>View</span>
</button>
</div>
<div>
<label for="Queue 4" class="col-md-4 col-form-label text-md-right"></label><br />
<button type="submit" class="btn medium">
<span>View</span>
</button>
</div>
</form>
</div>
<div class="form widget widget-medium">
<div class="widget-header title-only">
<h2 class="widget-title">Booking View</h2>
</div>
<form method="POST">
<div>
<label for="Booking 1" class="col-md-4 col-form-label text-md-right"></label><br />
<button type="submit" class="btn medium">
<span>View</span>
</button>
</div>
<div>
<label for="Booking 2" class="col-md-4 col-form-label text-md-right"></label><br />
<button type="submit" class="btn medium">
<span>View</span>
</button>
</div>
<div>
<label for="Booking 3" class="col-md-4 col-form-label text-md-right"></label><br />
<button type="submit" class="btn medium">
<span>View</span>
</button>
</div>
<div>
<label for="Booking 4" class="col-md-4 col-form-label text-md-right"></label><br />
<button type="submit" class="btn medium">
<span>View</span>
</button>
</div>
</form>
</div>
我得到了这个结果:
有人知道标签没有显示什么问题吗?关于样式,我仍然没有解决,但是我的主要问题是没有显示的标签。
先感谢您。
您的<label>
标签中没有任何文本。
其次,您<label>
将for
属性与不存在链接在一起id
。您应该id
在按钮上放一个(与for
属性具有相同的值)
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句