Input Time defaultValue 属性

HTML DOM インプット タイム オブジェクト

定義と使用方法

defaultValue 属性を設定または返却して、時間フィールドのデフォルト値を指定します。

注：デフォルト値は HTML value 属性 定義された値。

defaultValue と value 属性の違いは、defaultValue がデフォルト値を含むのに対し、value が変更後の現在の値を含むことです。変更がなければ、defaultValue と value は同じです（「さらに例」を参照してください）。

時間フィールドの時間が変更されたかどうかを確認したい場合は、defaultValue 属性が非常に役立ちます。

例

例 1

時間フィールドのデフォルト値を変更：

document.getElementById("myTime").defaultValue = "18:00";

実際に試してみてください

例 2

時間フィールドのデフォルト値を取得：

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

実際に試してみてください

例 3

defaultValue と value 属性の差異を示す例：

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

実際に試してみてください

文法

defaultValue 属性の返却：

timeObject.defaultValue

defaultValue 属性の設定：

timeObject.defaultValue = value

属性値

値 説明
value 時間フィールドのデフォルト値を指定します。

技術的詳細

返り値： デフォルトの時間フィールドを表す文字列値。

ブラウザのサポート

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

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

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

HTML DOM インプット タイム オブジェクト