Skip to content

Instantly share code, notes, and snippets.

@bensheldon
Created July 14, 2026 01:23
Show Gist options
  • Select an option

  • Save bensheldon/853c7e6def95933bd17e9bc64e404ab0 to your computer and use it in GitHub Desktop.

Select an option

Save bensheldon/853c7e6def95933bd17e9bc64e404ab0 to your computer and use it in GitHub Desktop.
name form-markdown
description A text-based format for prototyping simple web forms and pages.

We frequently want to quickly prototype forms in order to collaborate on the copywriting of the form. For example, pasting it into a Google Doc in order to revise it.

The format is intended for quick back and forth between a rendered HTML form and a textual representation. Because the focus is on copywriting, the format is not intended to extensively capture layout or complex design elements.

  • ## Heading is card heading, which sometimes can function as the label for a simple card
  • Text text text is text
  • **Label** represents a label or legend
  • _________ represents an input
  • Help text is text placed between a label and an input
  • [ ] is a checkbox
  • ( ) is a radio button
  • { Button } is a button
  • Dropdowns look like:
    [Select an option]
    [Option 1]
    [Option 2]
    

Examples

## Do you live with other people?

You'll apply to SNAP together with everyone who you buy, cook, and
share groceries with at home.

( ) Yes
( ) No

{ Continue }
## Tell us about yourself

**What's your first name?**
The name you prefer to be called.
_________

[ ] I have a different legal first name
We'll ask for your full legal name later.

**How old are you?**
Enter your age as a whole number (e.g., 30).
_________

{ Continue }
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment