0

私のHTML：

<fieldset>
            <label for='descSorteo'>
                Descripción Sorteo</label>
            <input type='text' value='Hoalaa' name='descSorteo' id='descSorteo' class='text ui-widget-content ui-corner-all' />
            <label for='idPremio'>
                Id Premio</label>
            <input type='text' name='idPremio' id='idPremio' class='text ui-widget-content ui-corner-all' />
            <label for='descripcionPre'>
                Descripción</label>
            <input type='text' name='descripcionPre' id='descripcionPre' class='text ui-widget-content ui-corner-all' />
            <label for='tipoPre'>
                Tipo de premio</label>
            <select id='tipoPre'>
                tipoPremioOptions
            </select>
        </fieldset>

ラベルを入力の左側に配置したままにしたい例：

[Label][input]
[Label][input]
[Label][input]

この瞬間、私は次のようなものを得ました：

[Label]
[Input]

[Label]
[Input]

[Label]
[Input]

jQuery UI モーダル ダイアログ フォームを使用しています。ありがとうございます。

4

2 に答える 2

2

このようなものはどうですか？

label {
    display: block;
    float: left;
    width: 200px;
    text-align: right;
    padding-right: 10px;
}
input, select {
    float: left;
    margin-bottom: 10px;
}

例- http://jsfiddle.net/tj_vantoll/HpSc8/

于 2012-07-17T17:25:36.277 に答える