required属性

解説

required属性は、input要素などの入力欄に指定して、その欄への入力を必須にするHTML属性です。required属性を付けた欄が未入力のまま送信されようとすると、ブラウザが送信を止め、利用者に入力を促すメッセージを表示します。

実務での使われ方

required属性を付けるだけでは、画面上に「必須」とは表示されません。そのため、ラベルの横に「必須」の表示を添え、required属性と併せて使います。さらに、required属性を付けておくと、スクリーンリーダーを使う利用者にも必須の項目であることが伝わります。

注意点

required属性だけでは、必須項目の入力を確実にすることはできません。required属性はブラウザ上でしか働かず、悪意のある利用者は回避できるためです。したがって、サーバー側でも同じ検査を行います。