How to add images to HTML forms?

Ask OpenMRS
3

Hi @hossam

It’s generally a good practice to put all your images in a designated folder for images, in most webapps it is /img/ or /images/, you can link to this directory in the html form like this.

<img src="/img/image.jpg" width="" height=""/>

Or, you can use CSS to add an image to your form, both ways will work depending on your need. #form { background-image: url(img/image.jpg); }

Like @arbaughj said, you can use the SetValue() function in JavaScript

If you need anymore help refer to these sources:

http://www.w3schools.com/cssref/pr_background-image.asp

AFAIK there is no centralized places for images, and if you look around the repo, you may be able to find it. if you have a link to the issue you are working on, I might be able to find the image directory.

1 Like