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"); 試してみる
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 属性
その他の拡張