input type="week"タグ

HTML5

input type="week"は、週の入力欄を作成するタグです。

解説

input type="week"を使うと、週の入力をチェックする入力欄を作成することができます。
週とは、対象年の第何週かという値です。（1週～53週）

HTML5に対応していないブラウザでは使用できないためご注意ください。
（対応していないブラウザの場合、普通のテキストボックスとして表示されます。）

カテゴリー (自カテゴリ)	フロー・コンテンツフレージング・コンテンツインタラクティブ・コンテンツ
コンテキスト (親カテゴリ)	フレージング・コンテンツを許可する場所
コンテンツ・モデル (子カテゴリ)	なし

input（type="week"）タグには以下の属性が指定できます。

【属性】
属性	説明
name	名前を指定する（submit時にこの名前で送信される）（例）name="week01"
value	値を指定する（例）value="2019-W15"
min	入力を許可する最小値を指定する（例）min="2019-W1"
max	入力を許可する最大値を指定する（例）max="2020-W52"
step	ステップ値を指定する（週単位）（例）2週間単位とする⇒step="2" 　※ステップ値とは値の刻みです。2だと 2、4、6… が入力可能です。
readonly	読取専用にする（例）readonly="readonly" 　※readonlyのみでもOKです。
required	必須入力であることを指定する（例）required="required" 　※requiredのみでもOKです。

その他のグローバル属性値については、グローバル属性をご覧ください。

<input type="week" name="week01" value="2019-W05">

<input type="week" name="week02" min="2019-W10" max="2020-W20">

範囲を超えた入力をすると、submit時にチェックがかかります。

<input type="week" name="week03" value="2019-W05" step="2">

step値のチェックはsubmit時に行われます。

<input type="week" name="week04" required="required">

未入力だと、submit時にチェックがかかります。