Add Required Asterisk With CSS

Paulund is full of premium tutorials and support to help with your development

Sign up to get full access to all tutorials.

Get full access for $5/mo

Login to your account

HTML5 Forms

A red asterix is a common approach in website UX to show that a form field is required to be filled out by the using before submitting the form. Therefore when creating the form you will have to remember to add this in the HTML where you want the asterisk to appear which is commonly after the label of the form field. Then all you need to do is add a CSS class for required with the colour red. But what would happen if you forget to add the . . . This content is restricted to subscribers