// vs

<label>

labelラベルは、inputとともに使用されるラベルであり、imgおよびaltとの関係性に類似している.
一般的には、意味符号化について書いたほうがいいです.
Labelにはhラベルとpラベルを含めることはできません.他のラベルもあまりよくないようです
二つの方法が使えます.

<label>と<input>の使い方:
id属性は<input>に入れる必要があります.次に、idのfor属性を入れる必要があります.

<label>には<input>がネストされています.この場合、関連付けは暗黙的であり、forおよびid属性は必要ありません.

<button> vs <input>

結論から言えば、cssに飾りやすいのはbuttonです.
inputsubmitとbutton submitの機能に差はありません!
主にbtnに用いられる
ボタンタイプsubmitが基本なので必ず書きます
さもないとサーバーにデータを送ることができます.

<input>

inputの種類はとても多いです!
例

<!-- A common form that includes input tags -->
<form action="getform.php" method="get">
  <label>First name: <input type="text" name="first_name" /></label><br />
  <label>Last name: <input type="text" name="last_name" /></label><br />
  <label>E-mail: <input type="email" name="user_email" /></label><br />
  <input type="submit" value="Submit" />
</form>

結果👇
First name:
Last name:
E-mail:
nameはサーバに送信されると鍵となる.
typeは正しいデータの入力を要求します.
idはlabelを接続するために使用されます.

<datalist>

最近出てきた熱々のタッグなので持ってきました
例

<label for="myBrowser">아래 목록에서 브라우저를 선택하세요:</label>
<input list="browsers" id="myBrowser" name="myBrowser" />
<datalist id="browsers">
<option value="Chrome">
<option value="Firefox">
<option value="Internet Explorer">
<option value="Opera">
<option value="Safari">
<option value="Microsoft Edge">
</datalist>

次のリストからブラウザを選択します.
selectとは異なり、ビューに必要な要素を直接入力して要素を追加できます.
そして入力時にフィルタリングを行います.optionが多ければ検索できるので、役に立つはずです.