← All templates

Bug report form

Steps to reproduce, expected vs actual, and environment.Plain HTML — it inherits your site's styles and needs no backend or JavaScript.

Preview

How badly does this affect you?

The code

<form action="https://crunchforms.com/form/{formID}" method="post">
  <label for="email">Your email</label>
  <input name="email" type="email" id="email" required />

  <label for="summary">Summary</label>
  <input name="summary" type="text" id="summary" required />

  <label for="steps">Steps to reproduce</label>
  <textarea name="steps" id="steps" rows="4" required></textarea>

  <label for="expected">What did you expect to happen?</label>
  <textarea name="expected" id="expected" rows="2"></textarea>

  <label for="actual">What happened instead?</label>
  <textarea name="actual" id="actual" rows="2"></textarea>

  <label for="environment">Browser and operating system</label>
  <input name="environment" type="text" id="environment" placeholder="Firefox 141 on Windows 11" />

  <fieldset>
    <legend>How badly does this affect you?</legend>
    <label><input type="radio" name="severity" value="blocking" required /> Blocking</label>
    <label><input type="radio" name="severity" value="major" /> Major</label>
    <label><input type="radio" name="severity" value="minor" /> Minor</label>
  </fieldset>

  <button type="submit">Report bug</button>
</form>

How to use it

  1. Create a free Crunchforms account and add a form in the dashboard (takes about a minute).
  2. Replace {formID} in the actionURL with your form's ID — or use the dashboard's snippet generator, which fills it in for you.
  3. Paste the form into any page. Submissions appear in your dashboard and, if you like, in your inbox. Add a honeypot or captcha in the form settings for extra spam protection.

1,000 free submissions a month, spam filtering included, no credit card required.

Start for free