Newsletter Form V03

Author: Colorlib

Released: September 2026

License: CC BY 3.0

A light subscription card where readers pick which emails they want from six topic tiles, each a real checkbox with an icon, title and short description. A Select all toggle, a live selected count and an estimated emails-per-month hint update as topics change. At least one topic and a valid email are required, and the success state lists the chosen topics.

It is plain HTML and CSS plus a few lines of vanilla JavaScript: no jQuery, no Bootstrap files, no plugins, and the download is 194 KB. Use it on its own, or drop it into a Bootstrap 4, 5 or 6 project and it looks the same.

• Checkbox tiles with pastel selected states and a visible focus ring
• Select all toggle with an indeterminate state
• Group validation for the topics fieldset with its own announced error
• Emails-per-month hint recalculated from the chosen topics
• Success state that lists the chosen topics and the email address
• Tiles reflow from three columns to a single list on phones