-1

table悪魔のスポーンだと信じている人もいます。他の人は、主にそれを使用して Web サイトをフォーマットします。テーブルに線を引くのはいつですか？彼らを虐待していると感じるのはいつですか？

私は個人的に、ほとんどの場合テーブルを必要とするデータを表示するためだけにテーブルを使用します。しかし、私はレンガの壁にぶつかりました。2 つのテキスト ボックスを揃える必要がありますが、テーブルを使用できますか?

私はこのようなことを考えています：

<table style="border: 0; border-collapse: separate; border-spacing: 10px; margin: 10px auto;">
    <tr>
        <td><label for="username">Username</label></td>
        <td><input type="text" name="username" placeholder="Username"></td>
    </tr>

    <tr>
        <td><label for="password">Password</label></td>
        <td><input type="password" name="password" placeholder="&bull;&bull;&bull;&bull;&bull;&bull;&bull;&bull;"></td>
    </tr>

    <tr>
        <td></td>
        <td><input type="submit" name="submit" class="btn btn-large btn-info" style="float: right"></td>
    </tr>
</table>

この例ではインライン CSS を使用していました。

そこに一線を画しますか？私はこの架空の線を越えていますか? あなたならどうしますか？

4

3 に答える 3

0

個人的には、フォームに関するレイアウトにテーブルを使用しても問題ないと思います。特に、次のような非常に複雑なフォームの場合は問題ありません: http://www.wolfhair.com/consultation-options/

この理由は、テキスト フィールドに入力されたデータがテキスト フィールドではなく実際のテキストである場合、実際には表形式のデータのように見えるからです。実際、この情報を保存する場合、後で取得するためにテーブルのような構造に配置されます。

デモンストレーションとして、あなたの例を例にとってみましょう。入力され、テキスト フィールドが実際のデータ結果である場合。

<table border="1">
    <tr>
        <td><label for="username">Username:</label></td>
        <td>MyUsernameRox</td>
    </tr>

    <tr>
        <td><label for="password">Password:</label></td>
        <td>M0stSecurePasswordEv3r</td>
    </tr>
</table>

http://jsfiddle.net/sGq2Q/

フォームの整理と配置以外では、レイアウトには使用しないでください。

于 2013-05-06T16:49:06.087 に答える