私はテーブルレイアウトを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>
これはまだ非常に荒いですが、あなたはおそらく一般的なアイデアを得ることができます。