HTML DOM イプット タイム オブジェクト

Input Time オブジェクト

Input Time オブジェクトは type="time" を持つ HTML <input> 元素を表します。

コメント：<input type="time"> は IE11 及びそれ以前のバージョンでは正しい時間フィールドとして表示されません。

Input Time オブジェクトにアクセス

getElementById() を使用して type="time" の <input> 元素にアクセスできます：

var x = document.getElementById("myTime");

実際に試してみてください

ヒント：検索フォームの elements コレクションを通じて <input type="time"> にアクセスできます。

Input Time オブジェクトを作成します

type="time" の <input> 要素を作成するには document.createElement() メソッドを使用できます：

var x = document.createElement("INPUT");
x.setAttribute("type", "time");

実際に試してみてください

Input Time オブジェクト属性

属性 説明
autocomplete 時間フィールドの autocomplete 属性の値を設定または返します。
autofocus ページが読み込まれたときに時間フィールドが自動的にフォーカスを取得するかどうかを設定または返します。
defaultValue 時間フィールドのデフォルト値を設定または返します。
disabled 時間フィールドが無効であるかどうかを設定または返します。
form 時間フィールドを含むフォームへの参照を返します。
list 時間フィールドを含むデータリストへの参照を返します。
max 時間フィールドの max 属性値を設定または返します。
min 時間フィールドの min 属性値を設定または返します。
name 時間フィールドの name 属性値を設定または返します。
readOnly 時間フィールドが読み取り専用であるかどうかを設定または返します。
required フォームを送信する前に時間フィールドが必須であるかどうかを設定または返します。
step 時間フィールドの step 属性値を設定または返します。
type 時間フィールドがどの種類のフォーム要素であるかを返します。
value 時間フィールドの value 属性値を設定または返します。

Input Time オブジェクトメソッド

メソッド 説明
select() 時間テキストフィールドの内容を選択します。
stepDown() 時間フィールドの値を指定された数値で減少させます。
stepUp() 時間フィールドの値を指定された数値で増加させます。

標準属性とイベント

Input Time オブジェクトは標準属性とイベントを同時にサポートしています。

関連ページ

HTML 教程：HTML フォーム

HTML 参考マニュアル：HTML <input> タグ

HTML 参考マニュアル：HTML <input> type 属性