Input Month defaultValue 属性

定義と使用方法

defaultValue 月フィールドのデフォルト値を設定または返します。

注:デフォルト値は HTML value 属性 定義されています。

defaultValue と value 属性の違いは、defaultValue がデフォルト値を含んでおり、value が変更された後の現在の値を含んでいることです。変更がなければ、defaultValue と value は同じです(「さらに詳しく」を参照してください)。

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

例 1

月フィールドのデフォルト値を変更します:

document.getElementById("myMonth").defaultValue = "2023-06";

自分で試してみてください

例 2

月フィールドのデフォルト値を取得します:

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

自分で試してみてください

例 3

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

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

自分で試してみてください

文法

defaultValue 属性を返します:

monthObject.defaultValue

defaultValue 属性を設定します:

monthObject.defaultValue = value

属性値

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

技術的な詳細

返り値: 文字列値、月フィールドのデフォルト値を示します。

ブラウザのサポート

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

注意:<input type="month"> 要素は Firefox ではどの種類の日付フィールド/カレンダーも表示しません。