-2

助けを求めています。フォーム入力の下にフォーム ラベルが表示されるようにコードを取得する方法がわかりません。探しているものを示す画像のこの例を参照してください

例の最初、最後、MM、DD、YYYY、### のように。私が見つけることができるものはすべて、入力ボックスのラベルの上または横のラベルから離れています。

入力ボックスの下のコードを複製するのに役立つコードを提供してもらえますか。

前もって感謝します。

4

1 に答える 1

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/

于 2013-10-07T03:47:50.650 に答える