html - 为什么在 HTML 中的表单标签之后和之前自动有新行？

Question

当我制作一个表单标签时，它的输入和按钮位于当前行下方。当我在表单标签后写句子或制作按钮时，它位于表单标签下方。我不想在新行上显示输入和按钮。我的代码演示在这里。

  <form name="apple">
<input max="10000" maxlength="4" min="0" name="banana" size="4" type="number" />
   <input onclick="increase ();" type="button" value="View" /></form>
<button onclick="startDownload()">Download</button>

Answer 1

这是因为form有一个display。block要让所有内容都在同一条线上，请使用以下命令：

<form name="apple" style = "display:inline">
<input max="10000" maxlength="4" min="0" name="banana" size="4" type="number" />
<input onclick="increase ();" type="button" value="View" /></form>
<button onclick="startDownload()">Download</button>

Answer 2

尝试这个

<form name="apple">
<input max="10000" maxlength="4" min="0" name="banana" size="4" type="number" />
<input onclick="increase ();" type="button" value="View" />
<button onclick="startDownload()">Download</button>
</form>

您在表单之外有按钮。