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; )

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

<!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


Card image cap
profile-image
Daidalos

Je développe le présent site avec le framework python Django. Je m'intéresse aussi actuellement dans le cadre de mon travail au machine learning pour plusieurs projets (voir par exemple) et toutes suggestions ou commentaires sont les bienvenus !