Input Time value 属性

定義と使用方法

value 属性の設定または時間フィールドの value 属性の値の返却。

HTML value 属性は時間フィールドの時間を規定します。

参照:

HTML 参考マニュアル:HTML <input> value 属性

例 1

時間フィールドに時間を設定:

document.getElementById("myTime").value = "18:45:30";

自分で試してみる

例 2

時間フィールドの時間を取得:

var x = document.getElementById("myTime").value;

自分で試してみる

例 3

defaultValue と value 属性の差を示す例:

var x = document.getElementById("myTime");
var defaultVal = x.defaultValue;
var currentVal = x.value;

自分で試してみる

文法

value 属性の返却:

timeObject.value

value 属性の設定:

timeObject.value = hh:mm:ss.ms

属性値

説明
hh:mm:ss.ms

指定された時間フィールドの時間。

コンポーネント説明:

  • hh - 時(例えば 22 は夜 10 時を意味します)
  • mm - 分(例えば 36)
  • ss - 秒(例えば 07)
  • ms - ミリ秒(例えば 50)

例:"08:39:21.33"、"22:36:07" または "15:00"。

技術的詳細

返り値: 文字列値、時区情報なしの時間フィールドの時間を示します。

ブラウザのサポート

テーブルの数字には、その属性を完全にサポートする最初のブラウザのバージョンが示されています。

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
サポート 10.0 サポート サポート サポート

注意:<input type="time"> 要素は Firefox では任何の時間フィールドとして表示されません。