指定すると、デートピッカー(日付を選択するインターフェース)を使った年と月の入力欄を作成することができます。テキスト入力欄になるのでご注意ください。属性値を使用することができます。20-06間違った形式で値を指定すると無効になってしまうのでご注意ください。属性autocompleteブラウザによる自動補完機能を使用するかどうかを指定します。属性に指定できる値まとめ」をご確認ください。autofocusページの読み込みが完了したときに、この属性を持った要素にフォーカスします。フォーム内の一つの要素だけに指定できます。autofocus>実行結果disabledユーザーが日付を選択できないようにします。要素の色が少し薄く表示され、フォームを送信しても値は送信されません。要素に関連付けられます。文書中にあるフォームに関連付けることができます。要素をフォームのデータとして送信することができます。要素と組み合わせて、年月の入力候補を表示することができます。属性の値を一致させる必要があります。属性の値「month-list」を一致させて、3つの選択候補として表示しています。HTMLリファレンスmax「xxxx年xx月まで選択可」のように、入力できる年月の最大値を指定します。以下のサンプルでは、2025年2月まで選択可能にしていて、それ以降の日付は選択することができなくなります。max="2025-02">実行結果min「xxxx年xx月以降を選択可」のように、入力できる年月の最小値を指定します。以下のサンプルでは、2020年3月以降の日付を選択可能にしていて、それ以前の年月は選択することができなくなります。min="2020-03">実行結果name要素に名前を付けます。name="date">readonly要素を読み取り専用として、ユーザーが値を変更できないようにします。属性はクリック・選択することができます。属性を付けても値はフォームと共に送信されます。readonly>実行結果required年月の選択を必須項目にします。ブラウザによって異なりますが、未選択のままフォーム送信ボタンを押すとエラーメッセージが表示されます。value="送信"></form>実行結果step選択できる月の間隔を指定することができます。以下のサンプルでは、デートピッカーを開くと2020年3月から2か月毎に月を選択することができます。要素の順番を指定します。date」の順番でフォーカスが動きます。tabindex="4">value初期状態で表示する日付を指定します。属性)このサンプルでは2020年3月から2020年5月までを選択できるようにしています。MESara運営者Contact書籍やオンライン講座でプログラミングを勉強してフリーランスのプログラマーになりました。このサイトでは「わかりやすく・シンプル」をモットーに、プログラミングの基礎からアプリ開発まで紹介します。独学でプログラミングを勉強をしている方、基礎は勉強したけれど次に何をすれば良いか分からない...という方のお役に立てるサイトを目指しています。Sara運営者Profile書籍やオンライン講座でプログラミングを勉強してフリーランスのプログラマーになりました。このサイトでは「わかりやすく・シンプル」をモットーに、プログラミングの基礎からアプリ開発まで紹介します。独学でプログラミングを勉強をしている方、基礎は勉強したけれど次に何をすれば良いか分からない...という方のお役に立てるサイトを目指しています。プログラミング講座では、プログラミングの基礎からアプリ開発まで学ぶことができます。わかりやすく・シンプルをモットーに同じコードを書けば必ず完成できること専門用語を使いすぎないことを重視しています。01動くコードプログラミングの文法だけを学んでも、そこから動くアプリを開発をするのは難しいです。プログラミング講座では、ゲームやカレンダーなど「アプリとして機能するもの」を作りながらプログラミングを学ぶことができます。02自分のペースでオンライン講座なので、ご自身のペースで学習を進めて頂けます。分からないことがあっても、前のレッスンに戻ることができるので安心です。お申し込みしたその日からからすぐに始めることができます。03個別サポートプログラミング学習では、エラーが起きることはよくあります。そんな時はお気軽にお問い合わせください!コメント欄またはメールによるサポートを回数無制限でご利用頂けます。FunwpDiscuz00この記事にコメントするxInsert記事URLをコピーしました。