Stick Required Field Notice For Free

On each form, mandatory fields must be clearly indicated: A distinctive sign (?*? symbol, ?mandatory? mention, etc.) ... If a symbol is used to declare mandatory fields, a statement placed at the beginning of the form must indicate that the symbol stands for a mandatory field.

Asterisk (*) next to a form control's label usually indicates it as "required". Oftentimes, this asterisk's purpose is then explained somewhere else on the page.

Use asterisks to indicate required fields? Another common approach seen in forms is to mark the mandatory fields with an asterisk and not mark the optional fields. While an asterisk to the left of the label makes it easy to see, it assumes a user understands what this means.

Required fields should be indicated with either a symbol or text, not just color. When providing an indicator for a required field, it should be placed right before the form field. This allows a screen reader to read the indicator to a screen reader user right before the user activates the field.

Mandatory fields Nested List, Nested Grid, Nested FormAt least one record must be presentUser Lookup, Role LookupAt least one user or role must be selectedDropdown, Radio ButtonsAn option with a non-blank 'Value' must be selectedCheckboxesAt least one option must be selected

You can use either asterisks or visual indicators to mark the required fields. As a UX Designer, I always recommend marking all required form fields as required, unless there is a specific reason not to.

Use ::after to create a pseudo-element containing an asterisk * to mark one or more input fields as required with an asterisk in HTML and CSS. ::after can be used to add an asterisk * after the label text of each input to indicate that the field is required.