Feedback Survey Form asks the questions that matter in under a minute: a five-star rating, a 0 to 10 “how likely are you to recommend us” scale (the net promoter score), topic pills for what went well, a comment box with a counter and an optional email for a reply. The stars and the scale are ordinary radio buttons styled with CSS, so the whole form works with a keyboard, a screen reader and no JavaScript.

Stars with CSS only

Hovering or choosing the fourth star fills the first four. That is done with the :has() selector, which lets a star know whether a later star is checked. Each star has a hidden text label (“4 stars”) for assistive technology, arrow keys move between stars as in any radio group and a visible focus ring appears on the keyboard-focused star.

Net promoter score

The 0 to 10 scale follows the standard NPS question. You can edit the question and the two end labels or remove the question entirely. Responses are posted as a number, so your spreadsheet can count promoters (9 to 10), passives (7 to 8) and detractors (0 to 6). Every form posts to the address you paste into "Form URL" (Formspree, Basin, Getform or your own server), shows a success message, shows an error message when something fails and contains a hidden spam-trap field. Without JavaScript it is an ordinary form post.

Better answers

Topic pills turn “what went well?” into one-tap answers, and a counter on the comment box encourages a short, useful sentence. An opt-in to quote the feedback lets you ask permission once. Try the Reviews Summary to show the results after you have collected them.