html - 为什么表单标签在 div 之后不起作用

Question

我有一个表单，其中有一个 div 标记，以帮助将表单的第二部分设置为第二列。但是我的关闭表单标签现在不起作用。有什么原因吗？

我有一个 localstorage.js，它在 <div id="form-group"> 之前一直运行良好.请帮忙!我即将完成此页面。

<div id="section">  
    <form id="franchiseForm" action ="javascript:void(0);" method="POST">
        <div class="field">
            <label for="fran_name">Franchise Name</label>
            <input type="text" name="franchise_name" id="fran_name" placeholder="e.g One Delivery Leeds" pattern="[a-zA-Z]"                         autofocus required tabindex="1">
            <br>
        </div>
        <div id="form-group">
            <p>Opening Hours</p>
            <div>
                <label for="Monds"> Monday </label>
                <input type="text" name="Mon" id="Mon" class="open_hours" placeholder="--:--" required tabindex="8">
                <span>-</span>
                <input type="text" name="Monday" id="Monday" class="open_hours" placeholder="--:--" required tabindex="9">
                <hr />
             </div>
             <div>
                 <div class="line-separator"> </div>

                 <div class="field">
                     <input type="submit"  value="Save">
                 </div>
      </form>

Answer 1

您有未关闭的 div 标签，请尝试关闭它们。关闭 <div id="form-group>和 <div class= "line-seprator"> 之前的 div