.wrapper__form__container {
display: flex;
justify-content: center;
margin: 0 auto;
margin-top: 33px;
.wrapper__form__container_item {
label {
padding-left: 10px;
}
input {
width: 281px;
height: 46px;
}
input::placeholder {
font-size: 13px;
font-family: "Open Sans";
font-weight: 400;
color: #a9a9a9;
}
}
<div class="wrapper__form__container">
<div class="wrapper__form__container_item">
<label for="#">
<input type="text" name="login" placeholder="Full name" />
</label>
</div>
<div class="wrapper__form__container_item">
<label for="#">
<input type="text" name="mail" placeholder="Email address" />
</label>
</div>
<div class="wrapper__form__container_item">
<label for="#">
<input type="number" name="phone" placeholder="Phone number" />
</label>
</div>
<div class="wrapper__form__container_button">
<button>Request a quote</button>
</div>
</div>
Каким способом можно в самом input поставить изображение перед текстом-подсказкой(как на скрине)? Гуглил но выкидывало только о том,что такое placeholder и как с ним взаимодействовать(но ничего что мне нужно)