如何让下面的复选框在提交按钮之外显示

要让下面的复选框在提交按钮之外显示，可以使用HTML和CSS来实现。

首先，需要创建一个包含复选框和提交按钮的表单。可以使用HTML的<form>标签来创建表单，并在表单中添加一个<input>标签来创建复选框，以及一个<input>标签来创建提交按钮。

<form>
  <input type="checkbox" id="checkbox1" name="checkbox1" value="checkbox1">
  <label for="checkbox1">复选框1</label>
  <br>
  <input type="checkbox" id="checkbox2" name="checkbox2" value="checkbox2">
  <label for="checkbox2">复选框2</label>
  <br>
  <input type="checkbox" id="checkbox3" name="checkbox3" value="checkbox3">
  <label for="checkbox3">复选框3</label>
</form>
<input type="submit" value="提交">

接下来，使用CSS来控制复选框的显示位置。可以使用CSS的float属性将复选框浮动到左侧，并使用margin-right属性为复选框留出一定的空间。

input[type="checkbox"] {
  float: left;
  margin-right: 10px;
}

这样，复选框就会在提交按钮之外显示，并且每个复选框之间会有一定的间距。

完整的代码如下：

<style>
  input[type="checkbox"] {
    float: left;
    margin-right: 10px;
  }
</style>

<form>
  <input type="checkbox" id="checkbox1" name="checkbox1" value="checkbox1">
  <label for="checkbox1">复选框1</label>
  <br>
  <input type="checkbox" id="checkbox2" name="checkbox2" value="checkbox2">
  <label for="checkbox2">复选框2</label>
  <br>
  <input type="checkbox" id="checkbox3" name="checkbox3" value="checkbox3">
  <label for="checkbox3">复选框3</label>
</form>
<input type="submit" value="提交">

这样，复选框就会在提交按钮之外显示，并且每个复选框之间会有一定的间距。