在输入框表格标签下

时间:2013-10-07 03:27:59

标签: html css html5

我正在寻求帮助。我无法找到如何让我的代码允许表单标签显示在我的表单输入下看到这个示例图片展示了我正在寻找的内容:example

与示例中的第一个,最后一个,MM,DD,YYYY,###类似。我能找到的一切都是用于输入框标签或侧面标签。

有人可以提供一些代码来帮我复制输入框代码。

提前致谢。

1 个答案:

答案 0 :(得分:0)

这就是你需要的。

<强> HTML:

<div class="input_cont">
<input type="text" class="inp" id="first" name="first">
<label for="first" class="lbl">I'm first</label>
</div><div class="input_cont">
<input type="text" class="inp" id="second" name="second">
<label for="second" class="lbl">I'm second</label></div>

<强> CSS:

input,label{margin:0;}
.inp{display:block;}
.lbl{font-size:9pt; color:#999}
.input_cont{display:inline-block; zoom:1; *display:inline; margin-right:10px}

http://jsfiddle.net/KxnCv/