Asterisk (*) next to a form control's label usually indicates it as "required".

Required attribute: If you want to make an input mandatory to be entered by the user, you can use the required attribute. This attribute can be used with any input type such as email, URL, text, file, password, checkbox, radio, etc. This can help to make any input field mandatory.

Highlight required form fields Set required flag on form fields: 1 2 3 4 5 6 7 8 // Retrieve all form fields. const formFields = await instance.getFormFields() // Set the `required` property for all form fields. ... Use :invalid pseudo-class to mark empty required fields: 1 2 3 4 5 6 7 8 9 10

A distinctive sign (“*” symbol, “mandatory” mention, etc.) must be provided in the label of each mandatory field. 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.

Generally a mandatory field has a red asterisk. One of the fields if auto populate with data from another form. When this happens it now show with a black asterisk.

The :required selector selects form elements which are required. Form elements with a required attribute are defined as required. Note: The :required selector only applies to the form elements: input, select and textarea. Tip: Use the :optional selector to select form elements which are optional.

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.