如何在输入类型=“文本”下插入标签

时间:2015-03-02 16:29:28

标签: html css

我在表单中有两个文本框,我想在它们下面插入两个标签,为了更好地解释这里有一个我想做的小图:

(input1)<--space-->(input2)
<label1><--space--><label2>

我该怎么做?

EDIT1:

我还没有提供进一步的信息,我试图用html做这件事,而且我在那里尝试过:

<div><input name="city" type="text" value="" /> <input name="state"
 type="text" value=""/></div> <label  style="color:grey;"
 >city</label>&nbsp;<label  style="color:grey;" >state</label></div>

1 个答案:

答案 0 :(得分:1)

https://jsfiddle.net/kmbxawdd/3/

也许你正在寻找类似的东西

.input-field {
    display: inline-block;
    position: relative;
}

.input-field label {
    position: absolute;
    top: 25px;
}