标签不会显示在浏览器中

杰拉克斯

我正在尝试创建两个窗体,该窗体的每一行最后都有一个提交按钮。我要创建的想法如下图所示。在此处输入图片说明

但是,通过编写以下代码


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

我得到了这个结果:

在此处输入图片说明

有人知道标签没有显示什么问题吗?关于样式,我仍然没有解决,但是我的主要问题是没有显示的标签。

先感谢您。

昆汀H

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

其次,您<label>for属性与不存在链接在一起id您应该id在按钮上放一个(与for属性具有相同的值

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

在新的浏览器标签页中显示json

来自分类Dev

XML文档中的错误,浏览器将不会显示

来自分类Dev

通过Web浏览器按ID获取元素并显示在标签中

来自分类Dev

我的Chromium浏览器对象不会在Winform中显示

来自分类Dev

Windows上的Web浏览器中不会显示流浪汉服务器的内容

来自分类Dev

Firefox不会在浏览器中显示日志

来自分类Dev

DIV中的DIV将不会显示在浏览器中

来自分类Dev

在浏览器(Java)中显示带有OMML标签的OOXML字符串

来自分类Dev

Firefox不会在浏览器中显示日志

来自分类Dev

在Google Chrome浏览器中打开新标签页时不显示缩略图

来自分类Dev

在Chrome浏览器中显示XML

来自分类Dev

在新的浏览器标签页中显示json

来自分类Dev

为什么我的随机图像不会显示在浏览器中?

来自分类Dev

按钮在浏览器中不显示

来自分类Dev

兼容浏览器中未显示HTML5视频标签

来自分类Dev

此代码不会在浏览器中显示tom

来自分类Dev

浏览器中显示javascript错误

来自分类Dev

在Windows 10中设置默认设置后,Chrome不会显示在浏览器列表中

来自分类Dev

CSS内联块不会以链接形式显示在浏览器中

来自分类Dev

SVG未显示在浏览器中

来自分类Dev

node.js-推送新代码后,浏览器中显示的页面不会更改

来自分类Dev

PHP代码显示在浏览器中

来自分类Dev

在浏览器中显示下载进度

来自分类Dev

如何停止在Laravel的frontEnd /浏览器中显示html标签?

来自分类Dev

在浏览器中显示加载页面

来自分类Dev

Java,从 DOM 中获取带有标签的文本内容,与浏览器显示的顺序相同

来自分类Dev

为什么 dl 标签在不同浏览器中显示不同?

来自分类Dev

在不同浏览器中显示字体

来自分类Dev

SVG 图像标签中的图像显示在桌面浏览器中,而不是 iphone

Related 相关文章

  1. 1

    在新的浏览器标签页中显示json

  2. 2

    XML文档中的错误,浏览器将不会显示

  3. 3

    通过Web浏览器按ID获取元素并显示在标签中

  4. 4

    我的Chromium浏览器对象不会在Winform中显示

  5. 5

    Windows上的Web浏览器中不会显示流浪汉服务器的内容

  6. 6

    Firefox不会在浏览器中显示日志

  7. 7

    DIV中的DIV将不会显示在浏览器中

  8. 8

    在浏览器(Java)中显示带有OMML标签的OOXML字符串

  9. 9

    Firefox不会在浏览器中显示日志

  10. 10

    在Google Chrome浏览器中打开新标签页时不显示缩略图

  11. 11

    在Chrome浏览器中显示XML

  12. 12

    在新的浏览器标签页中显示json

  13. 13

    为什么我的随机图像不会显示在浏览器中?

  14. 14

    按钮在浏览器中不显示

  15. 15

    兼容浏览器中未显示HTML5视频标签

  16. 16

    此代码不会在浏览器中显示tom

  17. 17

    浏览器中显示javascript错误

  18. 18

    在Windows 10中设置默认设置后,Chrome不会显示在浏览器列表中

  19. 19

    CSS内联块不会以链接形式显示在浏览器中

  20. 20

    SVG未显示在浏览器中

  21. 21

    node.js-推送新代码后,浏览器中显示的页面不会更改

  22. 22

    PHP代码显示在浏览器中

  23. 23

    在浏览器中显示下载进度

  24. 24

    如何停止在Laravel的frontEnd /浏览器中显示html标签?

  25. 25

    在浏览器中显示加载页面

  26. 26

    Java,从 DOM 中获取带有标签的文本内容,与浏览器显示的顺序相同

  27. 27

    为什么 dl 标签在不同浏览器中显示不同?

  28. 28

    在不同浏览器中显示字体

  29. 29

    SVG 图像标签中的图像显示在桌面浏览器中,而不是 iphone

热门标签

归档