Hola soy novato y me entro una duda, necesito sus consejos lo que quiero es meter un icono dentro del input, pero la forma en que lo hice no sé si estará bien aquí dejo el trozo de código.
<div class="cajatexto"> <!-- aqui le puse un position relative-->
<input type="text" placeholder="search..">
<i class="fas fa-search"></i> <!-- le puse un position absolute para dejarlo dentro del input. (al darle zoom a la pantalla el icono se sale del input)-->
</div>
PD: vi un video que el icono lo metían dentro de un span y ¿por que lo meten dentro de un span? por ejemplo:
<div class="cajatexto"><!-- aqui le puse un position relative-->
<input type="text" placeholder="search..">
<span class="icon"><i class="fas fa-search"></i></span> <!-- le puse un position absolute al span con la clase icon para dejarlo dentro del input y al darle zoom a la pantalla ese icono no se mueve del input, lo que quiero saber es ¿por que pasa eso? gracias masters.-->
</div>