form要素required、patternのサンプル

必須入力違反は「このフィールドを入力してください」、 パターン違反は「指定されている形式で入力してください」 という規定のメッセージが出ます。

また、:required, :optional, :valid, :invalid, :in-range, :out-of-range の擬似CSSクラスを使って、必須入力項目のみ色を変える等が可能です。
このサンプルでは、:required項目は実線で、:optional項目は点線で囲んでいます。

ユーザID(必須、半角英数字)
お名前(必須)
会員ID(半角文字)

戻る