HTML5によって、入力関係で最も大きく拡張されているのが「type」属性です。
HTML5以前のtype属性は以下のものでした。
HTML5では、これに下記の入力タイプが追加されました。
なお、各入力タイプは、ブラウザにより対応していないものがございます。
また、携帯(フューチャーフォン)で対応するものはありません。
対応していない入力タイプは、上記の「text」として扱われます。
ほとんどのブラウザでは、見た目は入力タイプ「text」と変わりません。
基本的には入力タイプ「text」と変わりません。
※今後、見た目や動作がブラウザによって異なる可能性があります
ほとんどのブラウザでは、見た目は入力タイプ「text」と変わりません。
基本的には入力タイプ「text」と変わりません。
※今後、見た目や動作がブラウザによって異なる可能性があります
ほとんどのブラウザでは、見た目は入力タイプ「text」と変わりません。
基本的には入力タイプ「text」と変わりません。
但し、正しいURLかどうかの妥当性チェックがされます。
※今後、見た目や動作がブラウザによって異なる可能性があります
ほとんどのブラウザでは、見た目は入力タイプ「text」と変わりません。
基本的には入力タイプ「text」と変わりません。
但し、正しいメールアドレスかどうかの妥当性チェックがされます。
※今後、見た目や動作がブラウザによって異なる可能性があります
ほとんどのブラウザでは、見た目は入力タイプ「text」と変わりません。
基本的には入力タイプ「text」と変わりません。
ブラウザによっては、日付(カレンダー)や時間の特殊な入力欄となるものもあります。
ほとんどのブラウザでは、見た目は入力タイプ「text」と変わりません。
基本的には入力タイプ「text」と変わりません。
ブラウザによっては、日付(カレンダー)となるものもあります。
ほとんどのブラウザでは、見た目は入力タイプ「text」と変わりません。
基本的には入力タイプ「text」と変わりません。
ブラウザによっては、日付(カレンダー)となるものもあります。
ほとんどのブラウザでは、見た目は入力タイプ「text」と変わりません。
基本的には入力タイプ「text」と変わりません。
ブラウザによっては、日付(カレンダー)となるものもあります。
ほとんどのブラウザでは、見た目は入力タイプ「text」と変わりません。
基本的には入力タイプ「text」と変わりません。
ブラウザによっては、時刻入力となるものもあります。
ほとんどのブラウザでは、見た目は入力タイプ「text」と変わりません。
基本的には入力タイプ「text」と変わりません。
ブラウザによっては、日付(カレンダー)や時間の特殊な入力欄となるものもあります。
ほとんどのブラウザでは、見た目は入力タイプ「text」と変わりません。
基本的には入力タイプ「text」と変わりません。
ブラウザによっては、右寄せの数値入力やスピンボタンがつくものもあります。
一定範囲内の数値を入力するためのinput要素です。
対応していないブラウザでは、見た目は入力タイプ「text」と変わりません。
ブラウザによっては、スライダーになるものがあります。
音声ボリュームなどに適します。
色選択入力するためのinput要素です。
対応していないブラウザでは、見た目は入力タイプ「text」と変わりません。
ブラウザによっては、カラーピッカーになるものがあります。
音声ボリュームなどに適します。