<input>要素の"time"型

<input>要素の”time”型

フォーム内で時刻を入力するための入力欄を設ける際に使用されます。
time型はブラウザによって見た目が大きく変わる要素の一つで、対応していないブラウザの場合は、単なる text型として扱われます。主要なブラウザでは、Internet ExplorerやMac版のSafariが対応していません。

<input> 要素の time型では、以下の属性が使用できます。

時刻を表すテキストで、入力欄の初期値を設定します。

表示される時刻と時刻の書式は実際の value とは異なる点に注意が必要です。表示される時刻は、オペレーティングシステムからの報告に従ってユーザーのロケールによって書式化されますが、時刻の value は常に hh:mm:ss の書式です。

この属性を指定した場合、値が変更できなくなります。

入力できる、最も遅い時刻を指定します。

入力できる、最も早い時刻を指定します。

上下の矢印で値を調整する時や、検証に使用する刻み値を指定します。time型の場合、「秒」単位の値を指定します。デフォルトは”60″（＝１分）です。

See the Pen wvvKoXv by Masahiko Iwakiri (@m-iwakiri) on CodePen.

このサイトでは、HTML要素や属性の定義は下記サイトを参考にしています。
MDN Web Docs： https://developer.mozilla.org/ja/
W3C仕様の正確な定義、最新情報は上記サイトをご覧ください。

HTML要素や属性がどのブラウザに対応しているのかは、下記のサイトで確認できます。
Can I Use?： https://caniuse.com/#home