input タグのtype属性のオプション
入力タグのtype属性には、次のようなよく使われる値があります
- 1行のテキストを入力するために使用される、テキスト入力ボックス。
- パスワード:パスワードを入力するボックスで、入力した内容がアスタリスクやドットなどに変換されて表示されます。
- 数値を入力するための数字入力ボックス。
- メール:メールアドレスを入力するメール入力ボックス。
- tel:電話番号を入力するボックス。
- 日付選択ボックスとして使う日付入力フィールドです。
- 時間:時間を入力できるボックス
- ラジオ:選択肢から1つを選択するラジオボタンを使用します。
- チェックボックス:複数の選択肢を選択するために使用。
- ファイル:ファイルをアップロードするための入力ボックスです。
- 送信: フォームデータをサーバーへ送信するためのボタン
- リセット:フォームデータのリセットを行うボタン
- 普通ボタン。ユーザーが書いたカスタム JavaScript コードを実行します。
- 非表示のインプットボックス:ユーザーに表示されないデータを格納するために使用される。
- カラー:カラーピッカーを用いて色を選択する。
- レンジ:値の範囲を選択するためのスライダー。
- 検索:検索キーワードを入力する入力ボックス。
- URL入力ボックスは、URLを入力するために使用されます。
上記に挙げたtype属性値の他に、HTML5から追加されたdatetime、datetime-local、month、weekなどの入力タイプも利用可能です。