<input>要素の"month"型

<input>要素の”month”型

フォーム内で年と月をまとめて指定するための入力欄を設ける際に使用されます。
month型 はブラウザによって見た目が大きく変わる要素の一つで、対応していないブラウザの場合は、単なる text型 として扱われます。主要なブラウザでは、Internet Exploler、Firefox、Mac版のSafariが対応していません。

属性

<input> 要素の month型 では、以下の属性が使用できます。

value

年と月を表すテキストで、入力欄の初期値を設定します。書式としては、”YYYY-MM”の形式になります。
datetime-local型 などと同様に、画面上に表示される書式と、value属性で送信される書式は異なります。

max

入力できる、最も新しい年月を指定します。

min

入力できる、最も古い年月を指定します。

step

上下の矢印で値を調整する時や、検証に使用する刻み値を指定します。

readonly

この属性を指定した場合、値が変更できなくなります。

autocomplete

自動補完機能を提供するかどうかを記述します。

list

その入力欄が関連付けられた、定義済みデータを提供する、<datalist> 要素の id を指定します。

サンプル

See the Pen eYOPRem by Masahiko Iwakiri (@m-iwakiri) on CodePen.