HTML <input> タグ：正しい理解と使い方

定義と使い方

<input> タグは、さまざまな「入力欄や選択肢ボタン」を作成するための汎用的な部品タグです。終了タグを持たない空要素です。

type 属性の値を変更することで、1行テキスト入力（type="text"）、パスワード隠蔽入力（type="password"）、チェックボックス（type="checkbox"）、ラジオボタン（type="radio"）など、全く異なる役割の入力部品に切り替えることができます。

基本例

<!-- 1行テキスト入力欄 -->
<input type="text" name="username" placeholder="お名前を入力">

<!-- パスワード入力欄 -->
<input type="password" name="userpass">

<!-- チェックボックス -->
<input type="checkbox" name="agree" value="yes"> 利用規約に同意する