Image sous la forme d'un champ texte

**simplyc** · 08/01/2014, 13h54

Bonjour
je voudrai savoir comment je pourrai écrire le mot Identifiant sur une image qui est déjà prête
voici mon essai

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
<td>
<input type="text" placeholder="Identifiant" src="images/cadre.jpg" width="180" height"31" alt""></input>
</td>

la je vois pas de tous mon image cadre je vois que ça dimension par contre je trouve un cadre blanc avec le mot identifiant au dessus(50% de résultat)
merci

**Muchos** · 08/01/2014, 15h22

Ce code ->

Vous pouvez utiliser la propriété BACKGROUND-IMAGE. Remarquez qu'un PLACEHOLDER ne remplace pas un LABEL.

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<!DOCTYPE html>
<html dir="ltr" lang="fr-FR">
<head>
 <meta charset="UTF-8" />
 <title>Background-image</title>
 <style type="text/css">
input {
 width: 180px;
 height: 31px;
 background: url("http://www.developpez.net/template/images/logo.png");
}
 </style>
</head>
<body>
 <form>
  <label>Identifiant : <input type="text" placeholder="Jean Dupont" /></label>
 </form>
</body>
</html>

**simplyc** · 08/01/2014, 16h54

Je vous remercie

Image sous la forme d'un champ texte

HTML

Discussions similaires

Partager

Partager