Insérer un champ dans une image

Question

J'ai une image et je veux insérer un champ pour que les utilisateurs entrent leur email dedans. Pourriez-vous les gars m'aider avec le code HTML pour cela.

Merci

Answer 1

Peut-être que quelque chose comme ça va vous aider?

HTML

​<div class="inputDiv"> 
<input type="text" value="input your data here"/> 
</div>​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​ 

CSS

.inputDiv{ 
    background:url(your_pic_url.jpg) no-repeat; 
    width:300px; 
    height:300px; 
} 

.inputDiv input{position:absolute; top:50px; left:50px;} 

FIDDLE

Answer 2

Essayez avec ce code ..

<img src="image.jpg" style="z-index:1"/> 
    <input type="text" style="z-index:100;display:block;top:10px;position:absolute;"/>