За последние 24 часа нас посетили 22610 программистов и 1048 роботов. Сейчас ищут 705 программистов ...

Установить иконку search в placeholder

Тема в разделе "Сделайте за меня", создана пользователем Арзыбек, 4 янв 2020.

  1. Арзыбек

    Арзыбек Новичок

    С нами с:
    4 янв 2020
    Сообщения:
    1
    Симпатии:
    0
    Помогите пожалуйста вставить иконку "лупа" в форму поиска. У меня максимум получается только рядом с формой установить .фото прикрепил. Вот код:

    Код (Text):
    1.  <form action="<?php echo base_url('user/home/SearchCategory') ?>" method="post"
    2.                     class="kb-plain-search kb-plain-search_size_medium kb-plain-search_max-width_600">
    3.                     <div class="kb-plain-search__wrapper">
    4.                         <a>
    5.                        
    6.                          
    7.                         </a><br><br><br><br>
    8.                         <div class="kb-plain-search__field">
    9.                            <input id="categoryInput" placeholder="Услуга или специалист" style="border: 1px orange solid;height: 50px"  class="kb-plain-search__input"> <i class="fa fa-search fa-fw"  font style="font-size: 18pt;" name="categoryInput" ></i>
    10.                          
    11.                          
    12.                         </div><br><h6 font style="font-size: 10pt;" align="center">Например: Сантехник, ремонт холодильников</h6>
    13.                  
    14.                 </form>
     

    Вложения:

    • 7700.png
      7700.png
      Размер файла:
      31,4 КБ
      Просмотров:
      7
  2. yanuzay

    yanuzay Активный пользователь

    С нами с:
    28 мар 2018
    Сообщения:
    498
    Симпатии:
    57
    попробуй классу kb-plain-search__field задать position:relative;

    а тегу i , где иконка задать position:absolute; и корректируй положение иконки через стили: top, bottom, left, right
     
  3. Roman __construct

    Roman __construct Активный пользователь

    С нами с:
    27 апр 2019
    Сообщения:
    1.270
    Симпатии:
    112
    используй какой-либо CSS-фреймворк или UI-фреймворк, там это вообще на изи делается
     
  4. Sail

    Sail Старожил

    С нами с:
    1 ноя 2016
    Сообщения:
    1.591
    Симпатии:
    360