How to put icon in a input field's placeholder text?

I have seen people say to put a [fa] fa-search [/fa] in a normal text field, but this does not work with the input field. Is there a way to do that?
In my attached image you se the icon in front of the input field, that I was hoping to get inside.

Hi @einar2507,
This can be achieved by setting up the padding of the field. For example, if you want to place the icon on the left side, you can do the following steps:

  1. Set up the field padding as shown in the image below:
  2. Next, add your icon to the field by following the steps shown in this image:
    image

Note: To make it easier to maintain or re-edit, it is recommended to group the field with the icon.

Also, please ensure that you have set the same padding for the field conditions. You can refer to the image below for a better understanding:

1 Like

Nice trick! It worked! I Just used left padding on the input field, and negative margin on the icon!


Nice!