Skip to main content

Important Disclaimer:
This is an open source template project and is not an official project of the United States Government. This was created as a weekend project to help developers build federally compliant websites more easily.

About this template:
This template helps developers create websites that follow the U.S. Web Design System (USWDS) standards. It provides a starting point for building accessible, mobile-friendly government websites. The template is released under the CC0 license, making it free to use, modify, and distribute.

View on GitHub: https://github.com/williamzujkowski/uswds-11ty-template

Forms Showcase - Government Form Examples

Comprehensive examples of accessible government forms using USWDS components, designed for optimal citizen engagement and regulatory compliance.

All forms on this page are for demonstration purposes only. No data is collected or processed. These examples show proper accessibility features, validation, and user experience patterns.

Basic Contact Form

Contact Information













We’ll use this to send you updates about your inquiry.



Include area code (e.g., 555-123-4567)




Choose the topic that best matches your inquiry



Please provide detailed information about your inquiry or request





Service Application Form

Business Permit Application

Apply for permits required for commercial operations within federal jurisdictions. Processing typically takes 5-10 business days.

Business Information











Format: XX-XXXXXXX


Business Address




















Permit Details



What type of permit do you need? *





















Describe your business activities and operations (minimum 50 characters)

File Upload



Upload required documentation: business registration, insurance certificates, technical specifications.
Accepted formats: PDF, DOC, DOCX, JPG, PNG. Maximum file size: 10MB per file.




Application Summary




  • Processing Time: 5-10 business days

  • Application Fee: $125 (paid after approval)

  • Validity Period: 1 year from issue date

  • Renewal Required: 30 days before expiration










Advanced Multi-Step Form

Document Request Form

Request certified copies of official government documents through our secure processing system.

  1. Personal Information
  2. Document Selection
  3. Delivery Options
  4. Payment & Review
Step 2: Document Selection

Select the documents you need and specify the number of certified copies for each.




Processing fees apply per document type. Certified copies include official seals and security features.




Available Documents






































Document types, processing fees, and copy selection
Document Type Processing Time Fee per Copy Copies Needed





3-5 business days $25






3-5 business days $20






1-2 business days $15






5-7 business days $30




Delivery Method *


















Order Summary



Selected Documents: None selected


Document Fees: $0.00


Delivery Fee: $0.00


Total: $0.00







Advanced Form Components

Multiselect and Combo Box Examples

Advanced form components for complex data collection scenarios.

Advanced Selection Components


Hold Ctrl (Windows) or Cmd (Mac) to select multiple options


Choose all departments that apply to your request






Form Validation Examples

Validation Patterns

Examples of common validation patterns and error handling techniques for government forms.

Validation Examples









Enter an email address in the correct format, like name@example.gov








Phone number format is valid





Password must be at least 12 characters with uppercase, lowercase, numbers, and special characters.


At least 12 characters
Uppercase letter
Lowercase letter
Numeric character
Special character



Preferred contact method *





Select at least one contact method















Implementation Code Examples

Basic Form Structure

<form class="usa-form usa-form--large" action="#" method="post" novalidate>
  <fieldset class="usa-fieldset">
    <legend class="usa-legend usa-legend--large">Form Title</legend>
    
    <!-- Form fields go here -->
    
    <input class="usa-button" type="submit" value="Submit">
  </fieldset>
</form>

Required Field with Error Handling

<label class="usa-label" for="field-id">
  Field Label <abbr title="required" class="usa-hint usa-hint--required">*</abbr>
</label>
<input class="usa-input usa-input--error" id="field-id" name="field-name" 
       type="text" required aria-describedby="field-id-error" aria-invalid="true">
<span class="usa-error-message" id="field-id-error" role="alert">
  <svg class="usa-icon" aria-hidden="true" focusable="false" role="img">
    <use xlink:href="/assets/uswds/img/sprite.svg#warning"></use>
  </svg>
  Error message text
</span>

Multi-Step Progress Indicator

<div class="usa-step-indicator" aria-label="progress">
  <ol class="usa-step-indicator__segments">
    <li class="usa-step-indicator__segment usa-step-indicator__segment--complete">
      <span class="usa-step-indicator__segment-label">Step 1</span>
    </li>
    <li class="usa-step-indicator__segment usa-step-indicator__segment--current">
      <span class="usa-step-indicator__segment-label">Step 2</span>
    </li>
    <li class="usa-step-indicator__segment">
      <span class="usa-step-indicator__segment-label">Step 3</span>
    </li>
  </ol>
</div>

File Upload Component

<label class="usa-label" for="file-upload">
  Upload documents
</label>
<span class="usa-hint">
  Accepted formats: PDF, DOC, JPG. Max size: 10MB per file.
</span>
<input class="usa-file-input" id="file-upload" type="file" 
       name="file-upload" multiple accept=".pdf,.doc,.jpg">

This page demonstrates comprehensive form patterns with:

  • Accessible form structure with proper fieldsets and legends
  • Validation patterns with error and success states
  • Multi-step forms with progress indicators
  • File upload components with clear instructions
  • Interactive elements like checkboxes and radio buttons
  • Proper labeling with required field indicators
  • ARIA attributes for screen reader compatibility
  • Error handling with descriptive messages and visual indicators