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 |