-
Notifications
You must be signed in to change notification settings - Fork 0
/
form-demographics.html
123 lines (121 loc) · 6.29 KB
/
form-demographics.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://unpkg.com/[email protected]/css/jspsych.css" />
<h5>Demographic information</h5>
<form>
<div class="form-group">
<label>What sex were you assigned at birth?</label>
<div>
<div class="custom-controls-stacked">
<div class="custom-control custom-radio">
<input name="sex" id="sex_0" type="radio" class="custom-control-input" value="male">
<label for="sex_0" class="custom-control-label">Male</label>
</div>
</div>
<div class="custom-controls-stacked">
<div class="custom-control custom-radio">
<input name="sex" id="sex_1" type="radio" class="custom-control-input" value="female">
<label for="sex_1" class="custom-control-label">Female</label>
</div>
</div>
<div class="custom-controls-stacked">
<div class="custom-control custom-radio">
<input name="sex" id="sex_2" type="radio" class="custom-control-input" value="intersex">
<label for="sex_2" class="custom-control-label">Intersex</label>
</div>
</div>
<div class="custom-controls-stacked">
<div class="custom-control custom-radio">
<input name="sex" id="sex_3" type="radio" class="custom-control-input" value="not reported">
<label for="sex_3" class="custom-control-label">Rather not say</label>
</div>
</div>
</div>
</div>
<div class="form-group">
<label>What is your gender identity?</label>
<div>
<div class="custom-controls-stacked">
<div class="custom-control custom-radio">
<input name="gender" id="gender_0" type="radio" class="custom-control-input" value="man">
<label for="gender_0" class="custom-control-label">Man</label>
</div>
</div>
<div class="custom-controls-stacked">
<div class="custom-control custom-radio">
<input name="gender" id="gender_1" type="radio" class="custom-control-input" value="woman">
<label for="gender_1" class="custom-control-label">Woman</label>
</div>
</div>
<div class="custom-controls-stacked">
<div class="custom-control custom-radio">
<input name="gender" id="gender_2" type="radio" class="custom-control-input" value="other">
<label for="gender_2" class="custom-control-label">Another identity</label>
</div>
</div>
<div class="custom-controls-stacked">
<div class="custom-control custom-radio">
<input name="gender" id="gender_3" type="radio" class="custom-control-input" value="not reported">
<label for="gender_3" class="custom-control-label">Rather not say</label>
</div>
</div>
</div>
</div>
<div class="form-group">
<label>How would you describe yourself?</label>
<div>
<div class="custom-controls-stacked">
<div class="custom-control custom-checkbox">
<input name="race_ethnicity" id="race_ethnicity_0" type="checkbox" aria-describedby="race_ethnicityHelpBlock" class="custom-control-input" value="hispanic">
<label for="race_ethnicity_0" class="custom-control-label">Hispanic of Latino/a</label>
</div>
</div>
<div class="custom-controls-stacked">
<div class="custom-control custom-checkbox">
<input name="race_ethnicity" id="race_ethnicity_1" type="checkbox" aria-describedby="race_ethnicityHelpBlock" class="custom-control-input" value="black">
<label for="race_ethnicity_1" class="custom-control-label">Black or African American</label>
</div>
</div>
<div class="custom-controls-stacked">
<div class="custom-control custom-checkbox">
<input name="race_ethnicity" id="race_ethnicity_2" type="checkbox" aria-describedby="race_ethnicityHelpBlock" class="custom-control-input" value="white">
<label for="race_ethnicity_2" class="custom-control-label">White or Caucasian</label>
</div>
</div>
<div class="custom-controls-stacked">
<div class="custom-control custom-checkbox">
<input name="race_ethnicity" id="race_ethnicity_3" type="checkbox" aria-describedby="race_ethnicityHelpBlock" class="custom-control-input" value="native">
<label for="race_ethnicity_3" class="custom-control-label">American Indian/Native American or Alaska Native</label>
</div>
</div>
<div class="custom-controls-stacked">
<div class="custom-control custom-checkbox">
<input name="race_ethnicity" id="race_ethnicity_4" type="checkbox" aria-describedby="race_ethnicityHelpBlock" class="custom-control-input" value="asian">
<label for="race_ethnicity_4" class="custom-control-label">Asian</label>
</div>
</div>
<div class="custom-controls-stacked">
<div class="custom-control custom-checkbox">
<input name="race_ethnicity" id="race_ethnicity_5" type="checkbox" aria-describedby="race_ethnicityHelpBlock" class="custom-control-input" value="pacific">
<label for="race_ethnicity_5" class="custom-control-label">Native Hawaiian or Other Pacific Islander</label>
</div>
</div>
<div class="custom-controls-stacked">
<div class="custom-control custom-checkbox">
<input name="race_ethnicity" id="race_ethnicity_6" type="checkbox" aria-describedby="race_ethnicityHelpBlock" class="custom-control-input" value="other">
<label for="race_ethnicity_6" class="custom-control-label">Other</label>
</div>
</div>
<div class="custom-controls-stacked">
<div class="custom-control custom-checkbox">
<input name="race_ethnicity" id="race_ethnicity_7" type="checkbox" aria-describedby="race_ethnicityHelpBlock" class="custom-control-input" value="not reported">
<label for="race_ethnicity_7" class="custom-control-label">Rather not say</label>
</div>
</div>
<span id="race_ethnicityHelpBlock" class="form-text text-muted">Select all that apply</span>
</div>
</div>
<div class="form-group">
<input name="submit" id='btn' type="submit" class="btn jspsych-btn" value='Submit'>
</div>
</form>