The image is not inserted in the placeholder, how to insert it?

Question

HTML

<svg class="bd-placeholder-img rounded-circle" width="300" height="300" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid slice" focusable="false" role="img" aria-label="Placeholder: 140x140"><title>Placeholder</title><rect width="100%" height="100%" fill="#778"></rect><text x="50%" y="50%" fill="#777" dy=".3em">140x140</text></svg>

I can’t insert a picture, it seems like I’ve already tried everything: it’s not displayed and that’s it, at least kill yourself

Answer 1

How to insert an image into a placeholder?
Put a picture in the background and that's it. Placeholder for other things done.

Answer 2

Through placeholder in any way.
As an option: add an additional class for input / textarea, in this class you specify an image through the background, and you can also add a pseudo-class :active or :focus for this class, and cancel the display of the image in it, that is, there will be something like imitation of placeholder - active input->no picture, inactive input->there is a picture

Answer 3

Through placeholderto make such a divine miracle will not work =). You can wrap in background. And if we are not looking for easy ways, then ... Create a separate block , put the picture there and (do it the way you like). Only then there will be problems with styles =)) display: flexinput