首页 文章

使用Bootstrap4表单,如果使用输入组,我需要标签

提问于
浏览
0

阅读Bootstrap4文档,它有输入组的概念,https://getbootstrap.com/docs/4.0/components/input-group/,这些似乎与标签相似,但与输入关系更紧密 .

我只是将非Bootstrap 4 Web应用程序转换为Bootstrap 4,它有许多包含输入字段的页面 . 所以,如果我使用输入组,我应该删除标签还是需要两者?

这是我的一个页面的截图,这是除了按钮之前的Boostrap之前,目前我的标签有浅蓝色的背景颜色(这是作为实验以前做的背景是白色)

enter image description here

1 回答

  • 2

    我不会将 input-group 视为替换 <label> . 标签对浏览器具有特殊意义,特别是对于使用屏幕阅读器的视障人士 .

    也就是说,您可以使输入组前置/附加项目成为标签,并获得两全其美的效果 . 只需将 <span> 更改为 <label> 即可正常工作:

    <label class="input-group-text" id="basic-addon1">@</label>
    

相关问题