required属性

required属性は、このHTMLフォーム要素が必ず入力されなければならないことを示します。

この属性はinputタグまたはtextareaタグに適用するべきです。

この属性が設定されているフィールドが空の状態でフォームの送信を試みた場合、ブラウザはフォームの送信を許可せず、ポップアップヒントとしてエラーメッセージを表示します。残念ながら、このエラーメッセージの内容や表示方法をHTMLやCSSで変更することはできません。

required属性の存在は、（この属性による検証は簡単に回避できるため） PHPなどサーバー側でのフォーム入力チェックを不要にするものではないことに注意してください。

例

inputタグに required属性を追加してみましょう。フィールドに何も入力せずに、送信ボタンをクリックしてフォームを送信しようとしてみてください。ブラウザはフォームの送信を許可せず、入力フィールドに影を付け、エラーメッセージを表示します：

<form action="">
	<input type="text" placeholder="何か入力してください" required>
	<input type="submit">
</form>