<input>要素の"week"型

フォーム関連

2019.10.10

<input>要素の”week”型
1. 属性
2. サンプル

<input>要素の”week”型

フォーム内で年と「その年の何週目か」を入力するための入力欄を設ける際に使用されます。
week型はブラウザによって見た目が大きく変わる要素の一つで、対応していないブラウザの場合は、単なる text型として扱われます。主要なブラウザでは、Chrome、Opera、Microsoft Edgeのみが対応しています。

属性

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

value

年と週番号を表すテキストで、入力欄の初期値を設定します。

表示される時刻と時刻の書式は実際の value とは異なる点に注意が必要です。表示される時刻は、オペレーティングシステムからの報告に従ってユーザーのロケールによって書式化されますが、年と週番号の value は常に yyyy-Www の書式です。
例えば、2019年の10週目の場合、「2019-W10」というテキストになります。

max

入力できる、最も遅い時刻を指定します。

min

入力できる、最も早い時刻を指定します。

readonly

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

step

上下の矢印で値を調整する時や、検証に使用する刻み値を指定します。デフォルトは１です。

サンプル

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

このサイトでは、HTML要素や属性の定義は下記サイトを参考にしています。
MDN Web Docs： https://developer.mozilla.org/ja/
W3C仕様の正確な定義、最新情報は上記サイトをご覧ください。

HTML要素や属性がどのブラウザに対応しているのかは、下記のサイトで確認できます。
Can I Use?： https://caniuse.com/#home