What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    Inserting lock icon image in the text box field

    Asked by kauseway on January 01, 2015 at 05:10 PM

    How can I get an image inside of a form field like I have attached? thanks!

    for form:  http://form.jotformpro.com/form/50005155818954

    Screenshot
    form field lock icon stripe insert image textbox insert icon input
  • Profile Image
    JotForm Support

    Answered by Jan on January 01, 2015 at 07:06 PM

    Hi,

    The lock image is actually a font icon. I can help you put that icon on the text box field. Just give me few more minutes to complete the sample form so that you can clone it.

    Thank you.

  • Profile Image
    JotForm Support

    Answered by Jan on January 01, 2015 at 09:18 PM

    Hello,

    I checked your form and I saw that the credit card number field was from the Stripe payment processor. Unfortunately, I was not able to find a way to use a font icon in the field.

    However, it is still possible by going back to your original question on how to insert an image in the field.  You need to know to add this custom CSS.

    .form-textbox.cc_number {

    background-image: url('https://shots.jotform.com/jan/images/lock-icon.png');

    background-repeat: no-repeat;

    background-position: right;

    padding-left: 5px;

    }

    You can change the url if you need to use your own image. Here's a guide on how to inject a custom CSS: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

     

     

    Hope this helps. Thank you.