新人エンジニアのメモ

新人エンジニアの日々学んだことをアップしていきます。最近はQiitaも始めました。https://qiita.com/nacho0707

【要素】input要素のtype属性

input要素とは

  • form要素に含まれるように指定し、入力部分を定義するために使用する。

 

type要素とは

  • 入力部分の種類を指定する。

 

type属性に指定できる主な値

 属性  説明
 text

 テキストボックスを定義

 button  ボタンを定義
 checkbox  チェックボックスを定義
 radio  ラジオボタンを定義
 submit  送信ボタンを定義 
 hidden  隠しフィールドを定義
 file  ファイル選択欄を定義
 url  URL入力用テキストボックスを定義
 email  E-Mailアドレス入力用テキストボックスを定義
 tel  電話番号入力用のテキストボックスを定義
 search  検索キーワード入力用のテキストボックスを定義
 number

 数値選択欄を定義。max属性、min属性を指定することで、

 最大値、最小値を指定できる。

 range  スライダを定義。max属性、min属性を指定することで、

 最大値、最小値を指定できる。

 color  色の選択欄を定義
 date  日時指定用の入力欄を定義する
 time  時間指定用の入力欄を定義する

★上記のtype属性に対応していないブラウザで使用するとテキストボックスとして表示される。※type属性の初期値が【text】となっているため。