Last active
May 24, 2017 20:45
-
-
Save wobh/87ba63cbd7c145943aa9c4d3d1e15b23 to your computer and use it in GitHub Desktop.
Gender input form
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<fieldset> | |
<legend>What gender of address would you prefer we use in communications?</legend> | |
<ul> | |
<li> | |
<input type="radio" | |
name="preferred-gender-personal-address" | |
value="none" | |
checked/> | |
<label for="none">None</label> | |
</li> | |
<li> | |
<input type="radio" | |
name="preferred-gender-personal-address" | |
value="feminine"/> | |
<label for="feminine">Ms. (feminine)</label> | |
</li> | |
<li> | |
<input type="radio" | |
name="preferred-gender-personal-address" | |
value="masculine"/> | |
<label for="masculine">Mr. (masculine)</label> | |
</li> | |
<li> | |
<input type="radio" | |
name="preferred-gender-personal-address" | |
value="non-specific"/> | |
<label for="non-specific">Mx. (non-specific)</label> | |
</li> | |
</ul> | |
</fieldset> | |
<fieldset> | |
<legend>What gender of advertisements would you prefer we present?</legend> | |
<ul> | |
<li> | |
<input type="checkbox" | |
name="preferred-gender-advertisements" | |
value="feminine" | |
checked/> | |
<label for="feminine">feminine</label> | |
</li> | |
<li> | |
<input type="checkbox" | |
name="preferred-gender-advertisements" | |
value="masculine" | |
checked/> | |
<label for="masculine">masculine</label> | |
</li> | |
<li> | |
<input type="checkbox" | |
name="preferred-gender-advertisements" | |
value="other" | |
checked/> | |
<label for="other">other</label> | |
</li> | |
</ul> | |
</fieldset> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Experiment/proof of concept. NOT RECOMMENDED FOR USE.
Known problems and concerns: