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="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>
      <div class="line-separator"> </div>
      <div class="field">
        <input type="submit" value="Save">
      </div>
    </div>
  </form>
</div>

您可以使用HTML验证程序检查标记错误。 This one对大多数情况来说已经足够了。

Answer 2

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

为什么在div之后不会形成标签

2 个答案: