HTMLのinputとは？

「INPUT」とは、<form>タグで作成したフォームの中でテキスト入力欄やボタンなどの部品を作成する要素です。様々なタイプの入力部品を作成するために、type属性の値を指定することができます。

input要素のタイプ

以下の表は、type属性の異なる値に応じて形成される主要なinput部品の一覧です：

タイプ	説明	コード例
text	1行のテキストボックス。	`<input type="text" name="username">`
checkbox	チェックボックス。	`<input type="checkbox" name="subscribe">`
radio	ラジオボタン。	`<input type="radio" name="gender" value="male">`
button	通常のボタン。	`<input type="button" value="Click Me">`
submit	フォーム送信ボタン。	`<input type="submit" value="Submit">`
reset	フォームリセットボタン。	`<input type="reset" value="Reset">`

基本的な使い方

input要素は、<form>タグの中で利用され、その中でデータを取得、加工、送信するためのインターフェースを提供します。以下に、一つの簡単なフォームの例を示します：

 <form action="submit_form.php" method="post">
  <label for="username">ユーザー名:</label>
  <input type="text" id="username" name="username">

  <label for="subscribe">メール購読:</label>
  <input type="checkbox" id="subscribe" name="subscribe" value="yes">

  <input type="submit" value="送信">
</form>

この例では、ユーザーがテキストボックスに文字を入力することができ、チェックボックスでオプションを選択し、最後に「送信」ボタンをクリックしてデータをサーバーに送信することが可能です。

その他の参考記事:html 入力フォーム