最新のWeb開発のチュートリアル
 

HTML DOM入力日付オブジェクト


入力日付オブジェクト

入力日付オブジェクトは、HTML5で新しく追加されました。

入力Dateオブジェクトは、HTML表し<input>タイプ=「日付」を持つ要素を。

注意: <input>タイプ=「日付」を持つ要素は、Firefoxで任意の日付フィールド/カレンダーとして表示されません。

入力日付オブジェクトにアクセス

あなたはアクセスできる<input>使用してタイプ=「日付」を持つ要素をgetElementById()

var x = document.getElementById("myDate");
»それを自分で試してみてください

ヒント:また、アクセスできる<input type="date">を検索することによって要素のフォームのコレクション。

入力Dateオブジェクトを作成します。

あなたは、作成することができます<input>使って、タイプ=「日付」を持つ要素をdocument. createElement() document. createElement()メソッド:

var x = document.createElement("INPUT");
x.setAttribute("type", "date");
»それを自分で試してみてください

入力日付オブジェクトのプロパティ

プロパティ 説明
autocomplete 設定またはの値を返すautocomplete日付フィールドの属性を
autofocus 日付フィールドが自動的にページのロード時に焦点を当ててもらう必要があるかどうかを設定または返します
defaultValue 設定または日付フィールドのデフォルト値を返します。
disabled 日付フィールドが無効になっているか、いないかどうかを設定または返します
form 日付フィールドを含むフォームへの参照を返します。
list 日付フィールドが含まれているデータリストへの参照を返します。
max 設定またはの値を返すmax日付フィールドの属性を
min 設定またはの値を返すmin日付フィールドの属性を
name 設定またはの値を返すname日付フィールドの属性を
readOnly 設定または返します日付フィールドは、読み取り専用、されているかどうか
required 日付フィールドがフォームを送信する前に記入する必要があるかどうかを設定または返します
step 設定またはの値を返すstep日付フィールドの属性を
type 日付フィールドがあるフォーム要素の種類を返します
value 設定またはの値を返すvalue日付フィールドの属性を

入力日付オブジェクトメソッド

方法 説明
stepDown() 指定された番号で日付フィールドの値をデクリメント
stepUp() 指定された番号で日付フィールドの値をインクリメント

標準プロパティおよびイベント

入力Dateオブジェクトは、標準サポートのプロパティイベントを


関連ページ

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

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

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