札幌Web制作のシンクグラフィカ

Nさん (2022-06-15 11:54:57) ryukyukanpo.group/entrytest.html

予約管理のカレンダー表示位置がサンプルでは、以下のようになっていますが

<form id="mailformpro" action="mailformpro/mailformpro.cgi" method="POST">
<div>
<div id="mfp_reserve_wrapper"></div>
<input type="text" id="mfp_reserve_item" name="予約部屋" data-exc="1">
<input type="text" id="mfp_reserve_date" required="required" name="予約日" data-exc="1">
</div>
<dl class="mailform">
<dt class="mfp">電話</dt>
<dd class="mfp"><input type="tel" data-type="tel" name="電話" size="30" data-min="9"></dd>
</dl>

他の入力と同じように、下記の位置に設置したいのですが、どのようにしたらよいでしょうか

<form id="mailformpro" action="mailformpro/mailformpro.cgi" method="POST">
<dl class="mailform">
<dt class="mfp">電話</dt>
<dd class="mfp"><input type="tel" data-type="tel" name="電話" size="30" data-min="9"></dd>
ここに設置
<div>
<div id="mfp_reserve_wrapper"></div>
<input type="text" id="mfp_reserve_item" name="予約部屋" data-exc="1">
<input type="text" id="mfp_reserve_date" required="required" name="予約日" data-exc="1">
</div>
</dl>