HTML DOM Input Date オブジェクト

Input Date オブジェクト

Input Date オブジェクトは HTML5 で新しく追加されました。

Input Date オブジェクトは、type="date" 属性を使用した HTML <input> 要素を表します。

注意：IE11 およびそれ以前のバージョンは、type="date" 属性を使用した <input> 要素をサポートしていません。

getElementById() 関数を使用して、type="date" 属性を使用した <input> 要素にアクセスできます:

var x = document.getElementById("myDate"); 試してみる

ヒント：同様にフォームの要素コレクションを使用して Input Date オブジェクトにアクセスできます。

document.createElement() メソッドを使用して、type="date" 属性を使用した <input> 要素を作成できます：

var x = document.createElement("INPUT");
x.setAttribute("type", "date"); 試してみる

Property	説明
autocomplete	日付フィールドの autocomplete 属性値を設定または返します。
autofocus	日付フィールドがページ読み込み後に自動的にフォーカスを取得するかどうかを設定または返します。
defaultValue	日付フィールドのデフォルト値を設定または返します。
disabled	日付フィールドが使用可能かどうかを設定または返します。
form	日付フィールドを使用するフォームの参照を返します。
list	日付フィールドを含む datalist の参照を返します。
max	日付フィールドの max 属性値を設定または返します。
min	日付フィールドの min 属性値を設定または返します。
name	日付フィールドの name 属性値を設定または返します。
readOnly	日付フィールドが読み取り専用かどうかを設定または返します。
required	日付フィールドがフォームで必須フィールドかどうかを設定または返します。
step	日付フィールドの step 属性値を設定または返します。
type	日付フィールドのフォームタイプを返します。
value	日付フィールドの value 属性値を設定または返します。

Input Date オブジェクトは標準のプロパティとイベント。

HTML チュートリアル:HTML フォーム

HTML リファレンスマニュアル:HTML <input> タグ

HTML リファレンスマニュアル:HTML <input> type 属性

その他の拡張機能