Comment créer un formulaire en html avec une image de fond ?

Active 05 mars 2015    /    Viewed 3161    /    Comments 0    /    Edit


Simple exemple sur comment placer un formulaire HTML dans une image (Modifier simplement left: 100px; top: 250px; pour changer la position du formulaire dans l'image)

Comment créer un formulaire en html avec une image de fond ?

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

Références

Liens 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

Hi, I am Ben.

I have developed this web site from scratch with Django to share with everyone my notes. If you have any ideas or suggestions to improve the site, let me know ! (you can contact me using the form in the welcome page). Thanks!