Hola a todos les quiero preguntar que como puedo meter una imagen (.png) dentro de un input (text), algo como el buscador de stackoverflow que tiene una imagen de un logo de busqueda, este es el codigo del formulario en mi navbar:
<ul class="navbar-nav mr-auto">
<li>
<form action="">
<input id="search" autocomplete="off" class="form-control" type="text" name="search">
</form>
</li>
</ul>
Quiero aclarar que estoy en laravel y por ende uso algunas clases de bootstrap aunque no se casi nada del mismo, ahora, esta es la imagen que quiero añadir tanto el codigo de la imagen como la imagen:
<img id="img-search" src="{{ asset('images/search.png') }}" alt="Search">
Este es el código css que le doy a el buscador dentro del navbar y a la imagen:
#img-search
{
width: 35px;
height: 36px;
}
#search
{
margin-left: 100px;
width: 730px;
}
Desde ya gracias :).