HTML DOM Input Time オブジェクト
Input Time オブジェクト
Input Time オブジェクトは HTML5 で追加されました。
Input Time オブジェクトは、type="time" 属性を持つ HTML <input> 要素を表します。
注意：Internet Explorer または Firefox ブラウザは、type="time" 属性を持つ HTML <input> 要素をサポートしていません。
Input Time オブジェクトにアクセスする
getElementById() 関数を使用して、type="time" 属性を持つ <input> 要素にアクセスできます:
var x = document.getElementById("myTime");
試してみる
ヒント：フォームの要素コレクションを使って Input Time オブジェクトにアクセスすることもできます。
Input Time オブジェクトを作成する
document.createElement() メソッドを使用して、type="time" 属性を持つ <input> 要素を作成できます：
var x = document.createElement("INPUT");
x.setAttribute("type", "time"); 試してみる
x.setAttribute("type", "time"); 試してみる
Input Time オブジェクトのプロパティ
| プロパティ | 説明 |
|---|---|
| autocomplete | time フィールドの autocomplete 属性値を設定または返します |
| autofocus | time フィールドがページ読み込み後に自動的にフォーカスを取得するかどうかを設定または返します |
| defaultValue | time フィールドのデフォルト値を設定または返します |
| disabled | time フィールドが使用可能かどうかを設定または返します |
| form | time フィールドを含むフォームへの参照を返します |
| list | time フィールドを含む datalist への参照を返します |
| max | time フィールドの max 属性値を設定または返します |
| min | time フィールドの min 属性値を設定または返します |
| name | time フィールドの name 属性値を設定または返します |
| readOnly | time フィールドが読み取り専用かどうかを設定または返します |
| required | time フィールドがフォームで必須フィールドかどうかを設定または返します |
| step | time フィールドの step 属性値を設定または返します |
| type | time フィールドのフォーム要素タイプを返します |
| value | time フィールドの value 属性値を設定または返します |
標準プロパティとイベント
Input Time オブジェクトは標準のプロパティとイベント。
関連記事
HTML チュートリアル:HTML フォーム
HTML リファレンス:HTML <input> タグ
HTML リファレンス:HTML <input> type 属性
その他の拡張