How to create a form in html with an image in background ?

June 12, 2019 / Viewed: 2433 / Comments: 0 / Edit

Example of how to create a form in html with an image in background (the form position can be changed using the position parameters left: 100px; top: 250px; )

<!DOCTYPE html>
<html>
<body>
<form style="position: relative;" method="GET" action="">
    <img src="Lenna.png"  />
    <div style="position: absolute; left: 100px; top: 250px;"> 
       <input type="text" placeholder="Texte..." /> <br><br>
       <input type="text" placeholder="Texte..."/> <br><br>
       <button type="submit">Go</button>
    </div>
</form>
</body>
</html>

References

Links	Site
Exemple	jsfiddle
HTML form within an image	stackoverflow
How to put a background image on a Bootstrap form?	stackoverflow
Full Page Log In With Background	bootsnipp
Exemple	bootply

Idea

You have an idea or suggestion to improve this article ? Send a request to the author(s) to edit it directly:

License

This work is licensed under a Creative Commons Attribution-ShareAlike 4.0 International License.

Table of contents

References

How to create a form in html with an image in background ?

References

Daidalos