Form

Organization input

Published on

Description

The organization input captures a company or organization name. Set autocomplete to organization to enable browser autofill.

Use it in B2B forms, and alongside address fields in billing and shipping forms where organization is part of the address autofill group. Keep the field optional unless a company name is genuinely required.

Example

Open in new tab
View HTML markup 
  <form method="POST" novalidate="">
  <div><label for="organization">
      <hgroup>
        <h1>Organization</h1>
      </hgroup>
    </label> <span id="organization-hint">The company or organization you represent</span> <input value="" id="organization" name="organization" dir="auto" autocapitalize="off" autocomplete="organization" autocorrect="off" spellcheck="false" type="text" aria-describedby="organization-hint" /> </div> <button type="button">Submit</button>
  <p>Need help? <a href="/form/input-organization" target="_top">View our guidance</a></p>
</form>

Accessibility

  • Use explicit <label for="id"> association with clear label text.
  • Use autocomplete="organization" so browsers can autofill the company name, often as part of the address autofill group.
  • Do not require the field unless the form genuinely needs a company name — many people are not completing it on behalf of an organization.

References

  • Text input — for general text
  • Address — organization is part of the address autofill group

Variables

None for input