1

データベースにデータを送信するための簡単なフォームを作成しています。

私は自分の会社で使用しているので、完璧なスタイルである必要はありません。

レイアウトにテーブルを使用しています (このアプリケーションではこれで問題ありません)。

<table width="500px" style="border:1px solid black; overflow:hidden">
    <tr>
     <td>Born <input type="text" name="nato_pf" /></td>
    </tr>
</table>

入力テキストの幅を 100% (行末まで) に設定したいのですが、そうすると入力テキストが改行されてしまいます。

div のみを使用して解決策を見つけましたが、現時点ではそれらは私には向いていません。

編集:td同じ行に2つの入力(サイズが異なる)がある場合があるため、他のタグ を追加できないと思います。

4

3 に答える 3

1

http://jsfiddle.net/gmmr7/1

table {
    border:1px solid black;
    width: 200px;
}

.left {
    float: left;
}

.left2 {
    overflow: hidden;
    padding: 0 4px;
}

.left2>input {
    width: 100%
}

<table>
    <tr>
        <td>
            <label class="left">Born</label>
            <div class="left2">
                <input type="text" name="nato_pf" />
            </div>
        </td>
    </tr>
</table>
于 2013-08-01T10:52:51.917 に答える
1

別の td 要素を定義できます

<table width="500px" style="border:1px solid black; overflow:hidden">
    <tr>
        <td>Born </td><td><input type="text" name="nato_pf" /></td>
    </tr>
</table>

CSS

input{
    width:99%;

}
于 2013-08-01T10:43:20.103 に答える