Gender Selection

Widget to select genders - female/male/other. Check out the demo

Getting Started

Download the production version or the development version.

In your web page:

<script src=""></script>
<script src="jqm-gender-select.js"></script>

<div data-role="fieldcontain">
  <label for="gender-sel">Gender</label>
  <input name="gender" id="gender-sel" value="m" type="gender">


  • More tests, especially setting the value
  • Tests for customisation options, like mini and theme
  • Customisation for labels, form names (i.e. "gender_other")
  • i18n


Import the plugin and create an input with type="gender".

If the original input element has the name "g1", there will be a name="g1" and a name="g1_other" form field. "g1" will contain "", "f", "m" or "o". "g1_other" will contain any detail entered as "other" or it will be "".


(Coming soon)

Release History

(Nothing yet)