Comment ajouter une icône à une entrée de recherche dans Bootstrap 4 ?

Bootstrap 4 - Entrée de recherche avec une icône

La question consiste à intégrer une icône dans une entrée de recherche Bootstrap 4. Le problème se pose car Bootstrap 4 ne prend pas en charge les Glyphicons. Voici une explication détaillée de la façon d'incorporer une icône dans la saisie de recherche à l'aide de diverses techniques :

Groupe de saisie avec append

Cette technique utilise un groupe d'entrée avec un ajout ou un préfixe pour l'icône. L'icône est placée avant ou après le champ de saisie.

<br><div> <input class="form-control py-2" type=" recherche" valeur="recherche"> <span><div class="code" style="position:relative; padding:0px; margin:0px;"><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false"><button>

Copier après la connexion

Copier après la connexion