入力日付オブジェクト
入力日付オブジェクトは、HTML5で新しく追加されました。
入力Dateオブジェクトは、HTML表し<input>タイプ=「日付」を持つ要素を。
注意: <input>タイプ=「日付」を持つ要素は、Firefoxで任意の日付フィールド/カレンダーとして表示されません。
入力日付オブジェクトにアクセス
あなたはアクセスできる<input>使用してタイプ=「日付」を持つ要素をgetElementById() :
ヒント:また、アクセスできる<input type="date">を検索することによって要素のフォームのコレクション。
入力Dateオブジェクトを作成します。
あなたは、作成することができます<input>使って、タイプ=「日付」を持つ要素をdocument. createElement() document. createElement()メソッド:
入力日付オブジェクトのプロパティ
プロパティ | 説明 |
---|---|
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属性