文本输入下方的文字

时间:2012-09-21 09:10:36

标签: css

我有这个css http://jsfiddle.net/thiswolf/3GYY4/并且在每个文本输入下面,我想要一些文本,我可以使用它来获得关于该文本输入的一些指导性文本,如

enter image description here

我当前的html和css看起来像这样

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

1 个答案:

答案 0 :(得分:3)

它应该像在输入后放置元素一样简单,设置为display:block并设置填充。这是一个example