texte sous la saisie de texte

Je cette css http://jsfiddle.net/thiswolf/3GYY4/ et en dessous de chaque entrée de texte, je veux avoir un texte que je peux utiliser pour avoir un texte guidant sur cette entrée de texte commetexte sous la saisie de texte

enter image description here

Mon html actuel et css ressemble à ce

<!Doctype html> 
<head> 
<title>Lorem ipsum text below form</title> 
<meta charset="utf-8" /> 
<style type="text/css"> 
.zseform{ 
width:300px; 
background-color:#E6E6FA; 
} 
label{ 
width:15%; 
float:left; 
} 
p{ 
background-color:#B0C4DE; 
} 
</style> 
</head> 
<body> 
<p> 
<label>Logo</label><input class="zseform" type="text" /> 
</p> 
<p> 
<label>City</label><input class="zseform" type="text" /> 
</p> 
<p> 
<label>Address</label><input class="zseform" type="text" /> 
</p> 
</body> 
</html>

Source

2012-09-21 Gandalf

Si j'ai bien compris votre question, utilisez simplement l'attribut 'placeholder' et un [polyfill] (https://github.com/jamesallardice/Placeholders.js) pour le faire fonctionner dans les anciens navigateurs. –

En fait sous chaque entrée ou à l'intérieur de l'entrée? –

C'est en dessous, j'ai corrigé le titre. – Gandalf

Il devrait être aussi simple que de placer un élément après l'entrée, le réglage est comme display:block et le réglage du rembourrage. Voici un example.

Source

2012-09-21 09:37:42

J'écrivais aussi une réponse, mais vous étiez fière, et ma solution n'est pas très différente de la vôtre. Donc, je poste un hommage (je ne vois pas de point pour poster une telle réponse similaire). Ma solution: http://jsfiddle.net/thiswolf/3GYY4/ – M314

Vous voudrez peut-être vérifier votre lien. Il semble pointer vers le code original. –

Oui, mon mauvais, c'est bon: http://jsfiddle.net/M314/K5xdT/ – M314

texte sous la saisie de texte

Répondre

Questions connexes