Форум Сайтостроение Веб-строительство

Как добавить иконку в поле для обратной связи?

NAZO
На сайте с 03.03.2016
Offline
46
NAZO
529

Доброго времени суток, помогите, не могу разобраться, имеется форма на сайте с полями: Имя, Ваш номер и Сообщение, нужно в каждое поле поставить тематическую иконку перед названием поля, куда нужно добавить ссылку на иконку что бы она отобразилась?

Вот пример кода: 

<input type="tel" class="form-control px-3" name="phone" data-form-field="Phone" placeholder="Ваш телефон" id="phone-header15-p">

Вот иконка которую нужно поставить

Лучший хостинг для сайта! От 10р в месяЦ (https://bill.cishost.ru/mancgi/partnerprogram?partner=8738&project=1") >>>ЭТО Лучшая партнерка ДЛЯ КиНоСаЙтОв!<<< (http://dreamcash.tl/?p=15075)
Ragnarok
На сайте с 25.06.2010
Offline
226
Ragnarok
#1

NAZO, такое обычно делается вёрсткой, через :before с position:absolute

//TODO: перестать откладывать на потом
S
На сайте с 13.10.2014
Offline
171
silicoid
#2

Судя по тому, что у вас присутствует form-control то скорее всего у вас используется bootstrap 3

как сделать подобную фичу на бутстрапе написано тут

https://getbootstrap.com/docs/3.3/components/#input-groups-basic

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий