Question

如果我将提交按钮放在其他容器或行上，则提交按钮不起作用

如果我的代码采用这种格式，则提交按钮有效

$x

如果我的代码采用这种格式，则提交按钮不起作用

<div class="container">
    <div class="row">
       <form>
          <button type="submit">Submit</button>
       </form>
    </div>
</div>

我没有收到任何错误消息。.按钮在那里，但是不起作用。

Answer 1

您的div关闭不正常。您的表格以div开头，以另一个div结尾。我不确定您要做什么，但是您需要确保form标签在同一div内都开始和结束。

<div class="container">

    <div class="row">
       <form>

           {{ some other codes }}

         <div class="row">
           <button type="submit">Submit</button>

         </div>
       </form>
    </div>
</div>

Answer 2

如果您按以下方式订购标签，则它们将正确关闭。然后您的按钮将起作用。
看看MDN的HTML basics Nesting elements。

<div class="container">
  <form>
    <div class="row">
      {{ some other codes }}
    </div>
    <div class="row">
      <button id="js" type="submit">Submit</button>
    </div>
  </form>
</div>

引导程序故障排除按钮

2 个答案: