ein Etikett in HTML durch ein kleines PNG-Bild gefolgt

Question

Ich habe ein Label in meinem Code wie unten

<label class="col-sm-3" >Redeem Game points</label> 

Nach dem Etikett, ich habe ein Eingabefeld wie unten

<input class="form-control payment-new" type="text"> 

Ich mag Legen Sie ein kleines Bild (ein Fragezeichen), nachdem mein Etikett endet.

Wie mache ich das? Überprüfen Sie diese .

Wenn nicht mit einem Bild, ist es möglich, font awesome zu verwenden und dann dort mein Bild aktualisiert werden.

Answer 1

Sie können es entweder mit font-awesome oder dem <img> Tag tun.
Die unten ist mit font-awesome.

<label class="col-sm-3" >Redeem Game points<i class="fa fa-question" aria-hidden="true"></i></label> 
 
<input class="form-control payment-new" type="text" name="order[coupon_code]" id="order_coupon_code"> 
 

 
<script src="https://use.fontawesome.com/c7082764ea.js"></script>

Thee unter Code wird mit dem Image-Tag.

<label class="col-sm-3" >Redeem Game points<img src="http://www.icone-png.com/png/49/49243.png"></label> 
 
<input class="form-control payment-new" type="text" name="order[coupon_code]" id="order_coupon_code">

wählte ich ein Bild von einigen zufälligen Größe. Sie können jedes Bild verwenden, das Sie möchten, und wenn Sie die Größe des Fragezeichens in der font-awesome-Methode erhöhen möchten. Fügen Sie einfach eine zusätzliche Klasse wie fa-2x oder fa-3x