HTML Dropdown Lists

HTML Form Select Option

The <select> element is used to create a drop-down list. Only the value(s) of the selected option(s) will be forwarded when your form is submitted.

Single Option

<form action="https://getform.io/f/{your-form-endpoint}">
  <select name="static-site-generator">
    <option value="next">Next.js</option>
    <option value="hugo">Hugo</option>
    <option value="gatsby">Gatsby</option>
    <option value="jekyll">Jekyll</option>
  </select>
  <button type="submit">Submit</button>
</form>

Multiple Option

You can also use the multiple attribute to specify whether multiple options can be selected at once when your form is submitted.

// Multiple options
<form action="https://getform.io/f/{your-form-endpoint}">
  <select name="favourite-platform" multiple>
    <option value="github">Github</option>
    <option value="gitlab">Gitlab</option>
    <option value="bitbucket">Bitbucket</option>
  </select>
  <button type="submit">Submit</button>
</form>