html - テーブルに div を含める方法

Question

divタグの中に入れたいのですが、うまくいきtableません。

<table>
<div id="account" style="border: 1px solid red;">
    <tr>
        <td>ایمیل قبلی:</td>
        <td><input type="text" name="oldmail" /></td>

        <td>ایمیل جدید:</td>
        <td><input type="text" name="newmail" /></td>

        <td>ایمیل تایید:</td>
        <td><input type="text" name="newmail2" /></td>
    </tr>
    <tr>
        <td>پسورد قبلی:</td>
        <td><input type="text" name="oldpass" /></td>

        <td>پسورد جدید:</td>
        <td><input type="text" name="newpass" /></td>

        <td>پسورد تایید:</td>
        <td><input type="text" name="newpass2" /></td>
    </tr>
</div>
</table>

http://jsfiddle.net/uJSuR/

どうすれば修正できますか？

Answer 1

CSSテーブルモデルを使用できます

これは、css プロパティに相当する Html 要素です (上記の w3.org リンクから)。

table    { display: table }
tr       { display: table-row }
thead    { display: table-header-group }
tbody    { display: table-row-group }
tfoot    { display: table-footer-group }
col      { display: table-column }
colgroup { display: table-column-group }
td, th   { display: table-cell }
caption  { display: table-caption }

Answer 2

http://jsfiddle.net/uJSuR/1/

<table id="account" style="border: 1px solid red;">
    <tr>
        <td>ایمیل قبلی:</td>
        <td><input type="text" name="oldmail" /></td>

        <td>ایمیل جدید:</td>
        <td><input type="text" name="newmail" /></td>

        <td>ایمیل تایید:</td>
        <td><input type="text" name="newmail2" /></td>
    </tr>
    <tr>
        <td>پسورد قبلی:</td>
        <td><input type="text" name="oldpass" /></td>

        <td>پسورد جدید:</td>
        <td><input type="text" name="newpass" /></td>

        <td>پسورد تایید:</td>
        <td><input type="text" name="newpass2" /></td>
    </tr>
</table>

またはあなたのスタイルを に置きますtr。あなたが達成しようとしていることは少し不明確です。

tr {
   border: 1px solid red;
}

Answer 3

実際、いくつかの検索の後、divタグをtbodyタグに変更する必要があることがわかりました。回答ありがとうございます。

Answer 4

次のようなものが必要になる場合があります。

<table>
  <tr id="account" style="border: 1px solid red;">
    <td>
      <table>
        <tr>
          <td>ایمیل قبلی:</td>
          <td><input type="text" name="oldmail" /></td>
          <td>ایمیل جدید:</td>
          <td><input type="text" name="newmail" /></td>
          <td>ایمیل تایید:</td>
          <td><input type="text" name="newmail2" /></td>
        </tr>
        <tr>
          <td>پسورد قبلی:</td>
          <td><input type="text" name="oldpass" /></td>

          <td>پسورد جدید:</td>
          <td><input type="text" name="newpass" /></td>

          <td>پسورد تایید:</td>
          <td><input type="text" name="newpass2" /></td>
        </tr>
      </table>
    </td>
  </tr>
</table>