<p>我已經(jīng)製作了一個(gè)Django網(wǎng)站,想要顯示我的結(jié)果,就像在頂部有一個(gè)小表單。在左邊有一個(gè)表格,我想在右邊的表格中添加兩個(gè)圖片和另一個(gè)圖片。我已經(jīng)設(shè)計(jì)了一個(gè)圖來更好地解釋 -
在此輸入影像描述</p>
<p>現(xiàn)在我已經(jīng)寫了表單1和表格的程式碼。我也會編寫後端程式碼。我想知道如何編寫圖片和表單2的html程式碼,因?yàn)樗鼈冊诒砀竦挠覀?cè)。只要寫任何html程式碼,它就會出現(xiàn)在表格下面。有人可以幫忙在表格的右側(cè)添加圖片和表單2嗎? </p>
<p>我現(xiàn)在的html代碼是-</p>
<pre class="brush:php;toolbar:false;">*{% extends 'login/basic.html' %}
{% block title %}Approval of count{% endblock title %}
{% block body %}
<!-- <div class="container my-5 px-2"> -->
<form action="/approval" method="post">{% csrf_token %}
<!-- <div class="container" >
<div class="form-group mx-5 my-3">
<div class="form-group mx-5 my-3">
<label class="my-3" for="date">Date</label>
<input type="date" id="date" name="date">
</div>
<label class="form-group mx-5 my-3" for="servers">Choose the server from - {{serverLst}}</label>
<div class="form-group mx-5 my-3">
<select name="serverName" id="forserver" size="4" multiple>
{% for server in serverLst %}
<option value="{{server}}">{{server}}</option>
{% endfor %}
</select>
</div>
<button type="submit" class="btn btn-primary mx-5 my-3">Submit</button>
</div>
</div> -->
<div class=“行g(shù)-2”>
<div class="col-md">
<輸入類型=“日期”類別=“表單控制” id="floatingInputGrid";名稱=“日期”>
<選擇名稱=“伺服器名稱”;類別=“表單選擇” id=“floatingSelectGrid”>
<選項(xiàng)已選擇>伺服器名稱選項(xiàng)>
{% for serverLst % 中的伺服器}
<選項(xiàng)值=“{{伺服器}}”>{{伺服器}}選項(xiàng)>
{% 結(jié)束 %}
</選擇>