Как поставить картинку перед текстом при input

Последнее обновление на 29.01.2023

Как поставить картинку перед текстом при input

Код CSS

.input-address {
  width: 200px;
  height: 20px;
  margin-top: 5px;
  margin-right: 5px;
  margin: 0;
  padding-left: 32px;
  outline: none; /*контур линии*/
}

.capture {
  position: absolute;
  border: none;
  margin: 5px;
}

.capture:before {
  content: url(http://webcreat.ru/wp-content/uploads/2022/03/Domik.png);
  width: 100%;
}

Код html

<div>
  <a class="submit capture"></a>
  <input name="adress" type="text" class="input-address" placeholder="Ваш адрес">
</div>

Пример здесь

Как убрать рамку вокруг input

Код CSS

input {
outline: none;
border: none;
}

Код html

<input name="input" type="text" placeholder="">

Скрыть input html

<input name="input" type="hidden" placeholder="">