2011-11-10 9 views
0

私はテーブルレイアウトをHTMLに係る2つの質問があります。HTMLボタンを表またはタグの内側に入れる必要がありますか?

まず私は、ユーザーがテーブル内のファイルを持っているカードのリストをレイアウトしています、私はそれの一部として、DjangoのWebアプリケーションを設計していますいくつかの背景を提供します。私はこのボタンをユーザがカードを追加できるボタンにしたいと思う - この要素が最終的な表の行の中にあるべきか、それとも単にテーブルの後ろにあるべきか?私は物事を行う共通/標準的な方法が何であるかを見つけることを求めているだけです。

第二に、私は後でこれは、すべての表形式のデータであるが、それはまだ必要がある場合、私はわからないよおそらく何か

このような
************************ 
Card Name 
*********************** 
Number:#####  Date:##### 
other details blah, blah, blah 
Manage Buttons (Edit/Delete/Etc..) 
*********************** 

各テーブルの行(またはカード)は、独自のレイアウトを持つようにテーブルを型にはめるたいですテーブル内にあるか、カスタム表示にする必要があるかを示します。

は、ここに私の現在のDjangoテンプレート

{% include "base.html" %} 
<p>Credit Cards</p> 
{% if credit_cards %} 
    <table border="1"> 
     <tr> 
      <th>Name On Card</th> 
      <th>Card Number</th> 
     <th>Contact Number On Card</th> 
     <th>Lost Button</th> 
     <th>Edit</th> 
     <th>Delete</th> 
    </tr> 
    {% for card in credit_cards %} 
    <tr> 
     <td>{{ card.name_on_card }}</td> 
     <td>{{ card.card_number }}</td> 
     <td>{{ card.contact_number_on_card }}</td> 
     <td> 
      <form action="" method="post"> {% csrf_token %} 
       {% if card.is_lost %} 
        <p><input type="submit" value="I Found My Card"></p> 
       {% else %} 
        <p><input type="submit" value="I Lost My Card"></p> 
       {% endif %} 
      </form> 
     </td> 
     <td> 
      <form action="" method="post"> {% csrf_token %} 
       <p><input type="submit" value="Edit"></p> 
      </form> 
     </td> 
     <td> 
      <form action="" method="post"> {% csrf_token %} 
       <p><input type="submit" value="Delete"></p> 
      </form> 
     </td> 
    </tr> 
    {% endfor %} 
    <tr><td colspan="6">Test</td></tr> 
</table> 
{% else %} 
<p>No Credit Cards inserted yet.</p> 
{% endif %} 
<hr> 
<p>ID Cards</p> 
{% if id_cards %} 
<table border="1"> 
    <tr> 
     <th>Name On Card</th> 
     <th>Card Number</th> 
     <th>Issue Date</th> 
     <th>Country</th> 
     <th>Address</th> 
    </tr> 
    {% for card in id_cards %} 
    <tr> 
     <td>{{ card.name_on_card }}</td> 
     <td>{{ card.card_number }}</td> 
     <td>{{ card.issue_date }}</td> 
     <td>{{ card.country }}</td> 
     <td>{{ card.address }}</td> 
    </tr> 
    {% endfor %} 
</table>  
{% else %} 
    <p>No ID Cards inserted yet.</p> 
{% endif %} 

<ul> 
<li><a href="{% url crds_newCredit %}">Add Credit Card</a></li> 
<li><a href="{% url crds_newID %}">Add ID Card</a></li> 
</ul> 

これはまだ非常に荒いですが、あなたはおそらく一般的なアイデアを得ることができます。

答えて

3

意味的にボタンがテーブルの上に動作しているため、すべてのそれ自身とは別の要素である必要があり、話す、とテーブルの外のボタンを保つために、その通常は最高。

カードビューを表示するという点で個人的な好みですし、数百から数千のネストしたテーブルを反復的に作成したくないため、おそらくdivを試してみます。もう一方で、表形式のデータは常に表内に存在する必要があります。

関連する問題