标签不显示在浏览器中答案

【问题标题】：The labels do not show in the browser标签不显示在浏览器中
【发布时间】：2020-12-10 14:49:46
【问题描述】：

我正在尝试创建两个表单，其中表单的每一行最后都有一个提交按钮。我想要创建的想法如下图所示。

但是，通过编写以下代码


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

我得到了这个结果：

有没有人知道标签没有显示的问题是什么？关于样式我仍然没有修复它，但我的主要问题是标签没有显示。

提前谢谢你。

【问题讨论】：

标签： html forms button label

【解决方案1】：

您的<label> 标签中没有任何文字。

其次，您的<label> 与for 属性链接到不存在的id。您应该在按钮上放置一个id（与for 属性的值相同）

【讨论】：