HTML DOM Input Datetime オブジェクト


Input Datetime オブジェクト

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

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

注意:Internet Explorer、Firefox、Opera 15(以降)、または Chrome は、type="datetime" を使用する <input> 要素をサポートしています。

Input Datetime オブジェクトにアクセスする

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

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

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

Input Datetime オブジェクトを作成する

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

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

Input Datetime オブジェクトのプロパティ

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

標準プロパティとイベント

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


関連記事

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

HTML リファレンス:HTML <input> タグ

HTML リファレンス:HTML <input> type 属性

その他の拡張