Survey Form V04

Author: Colorlib

Released: September 2026

License: CC BY 3.0

A playful beta-feedback form for a made-up photo editor, with a bold yellow header and hard offset shadow. It asks for an overall reaction on a five-face emoji scale, which features were tried as toggle chips, free-text notes and an optional screenshot. The screenshot is checked for type and size and shown as a thumbnail with a Remove button.

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

• Emoji reaction scale is a native radio group with inline SVG faces
• Feature chips are real checkboxes with a checked state
• Screenshot input checks PNG/JPG/WebP and a 5 MB limit
• Image thumbnail preview with file name, size and Remove
• Upload and error changes announced politely
• Success message built from the answers