Нужны ли надписи для форм Bootstrap4 при использовании групп ввода

Question

Читая документ Bootstrap4, он имеет концепцию групп ввода, https://getbootstrap.com/docs/4.0/components/input-group/, и они кажутся скорее похожими на метки, но более тесно связаны с вводом.

Я просто конвертирую не Bootstrap4 веб-приложение Bootstrap 4, и оно имеет несколько страниц, содержащих поля ввода.Так что, если я использую группы ввода, я должен удалить ярлыки или мне нужны оба?

Вот скриншот одной из моих страниц, это предварительно Boostrap, кроме кнопок, в настоящее время мои ярлыки имеют цвет фона светло-синий(это было сделано в качестве эксперимента, ранее фон был белым)

Answer 1

Я бы не рассматривал input-group как замену <label>.Метки имеют особое значение для браузера, особенно для людей с ослабленным зрением, использующих программу чтения с экрана.

Тем не менее, вы можете сделать элемент ввода / ввода prepend / append item меткой и получить лучший результатобоих миров.Просто измените <span> на <label>, и, похоже, оно будет работать нормально:

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