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>

フォームの外にボタンがありました。