input [type="     "]の"　　"内の種類

|型|説明|基本的な例|
|--|--|--|
|button|プッシュボタンで、既定の動作を持たず、value属性の値(既定では空)を表示します。|![20210614-201209.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/960935/136c3df1-ee71-5da8-9a6a-0315d2b947b5.png)|
|checkbox|チェックボックスで、選択または未選択のうちひとつの値をとることができます。|![20210614-201259.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/960935/df84a2f9-9828-6f9c-ae42-cd21ab5fef12.png)|
|color|色を指定するためのコントロールです。対応しているブラウザーでは、アクティブになったときにカラーピッカーが開きます。	|![20210614-201355.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/960935/b8c080e7-88a8-f971-7762-b4709bfdd8ad.png)|
|date|日付(時刻を除く年、月、日) を入力するためのコントロールです。対応しているブラウザーでは、アクティブになったときに日付ピッカーまたは年月日の数値のホイールが開きます。|![20210614-201445.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/960935/ed169dca-d3ac-a311-a818-058e8f193e42.png)|
|datetime-local|タイムゾーン情報がない日付と時刻を入力するためのコントロールです。対応しているブラウザーでは、アクティブになったときに日付ピッカーまたは日付および時刻部分の数値のホイールが開きます。|![20210614-201553.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/960935/2e6bc9bb-acd9-bdff-2afd-37007e4ec2d0.png)|
|email|電子メールアドレスを編集するための欄です。text 入力欄のように見えますが、対応しているブラウザーや動的なキーボードのある端末では、入力値を検証したり、関連するキーボードを表示したりします。|![20210614-201651.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/960935/97317eae-b1b3-c6a8-b0b0-5748dd9463b7.png)|
|file|ユーザーがファイルを選択するコントロールです。accept 属性を使用して、コントロールが選択することができるファイル形式を定義することができます。|![20210614-201741.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/960935/bf29cd16-848e-9b50-43da-9ba15d741421.png)|
|hidden|表示されないコントロールですが、その値はサーバーに送信されます。隣の列には例がありますが、非表示です。||
|image|グラフィックのsubmitボタンです。src属性で定義された画像を表示します。alt 属性はsrcの画像が見つからないときに表示されます。|![20210614-201846.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/960935/b17c3b86-e2b7-5761-a200-28532dd444de.png)|
|month|タイムゾーン情報がない年と月を入力するためのコントロールです。|![20210614-202012.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/960935/1166d222-2664-c28e-f572-33b986eb8fac.png)|
|number|数値を入力するためのコントロールです。対応していればスピナーを表示し、既定の検証を追加します。動的キーボードを持つ一部の端末では、テンキーを表示します。|![20210614-202113.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/960935/bf081462-c104-96a6-b48e-fddd28c630af.png)|
|password|入力値を隠す単一行テキストフィールド。サイトが安全ではない場合はユーザーに警告します。|![20210614-202436.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/960935/e0e7a635-56e1-b963-c852-5e9be2fd38ca.png)|
|radio|ラジオボタンで、同じ name の値を持つ複数の選択肢から一つの値を選択することができます。|![20210614-202523.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/960935/7f1fe709-d9be-ddbc-68bf-80494020c4cc.png)|
|range|厳密な値であることが重要ではない数値を入力するためのコントロールです。範囲のウィジェットを表示し、既定では中央の値になります。 min と max の組み合わせで、受け入れる値の範囲を定義することができます。|![20210614-202624.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/960935/fde92887-4d0e-aab4-f65e-b466f5176295.png)|
|search|検索文字列を入力するための単一行のテキスト欄です。入力値から改行が自動的に取り除かれます。対応しているブラウザーでは、入力欄を初期化するための削除アイコンが表示されることがあり、欄の内容を消去するために使用することができます。動的なキーパッドを持つ一部の端末では、 Enter キーの代わりに検索アイコンを表示します。|![20210614-202729.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/960935/7899b9aa-73e7-a4cd-d6b3-5a3882ff5f82.png)|
|submit|フォームを送信するボタンです。|![20210614-202816.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/960935/d6d26ffd-2cbc-b71c-89fa-cdb0167a79a8.png)|
|tel|電話番号を入力するためのコントロールです。動的なテンキーを備えた一部の機器では、電話用のテンキーを表示します。	|![20210614-202909.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/960935/56308892-659b-5d74-ccdc-3e371def86c6.png)|
|text|既定値です。単一行のテキスト入力欄です。改行は自動的に入力値から取り除かれます。|![20210614-203032.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/960935/77e2967a-853c-e64e-2df3-6e6c74ab32ef.png)|
|time|タイムゾーン情報がない時刻を入力するためのコントロールです。|![20210614-203114.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/960935/f63a3a1c-f60d-41b3-36d3-813ad7eed037.png)|
|url|URL を入力するための入力欄です。 text 入力欄のように見えますが、対応しているブラウザーや動的なキーボードのある端末では、入力値を検証したり、関連するキーボードを表示したりします。|![20210614-202729.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/960935/9cc78afd-09b0-55c1-c986-0646a33a3140.png)|