-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
144 lines (134 loc) · 7.12 KB
/
index.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
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
<html>
<head>
<script src="https://code.jquery.com/jquery-3.1.1.min.js" integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8=" crossorigin="anonymous"></script>
<link rel="stylesheet" type="text/css" href="styles.css" media="screen" />
<script type='text/javascript' src='form.js'></script>
</head>
<body>
<form id='ECM-submission-form'>
<div>
<label>Name <input type='text' name='ecm-name'></label>
</div>
<div>
<label>Description
<textarea name='ecm-description' placeholder='Provide a one or two sentence description of the ECM.'></textarea>
</label>
</div>
<div>
<label>Market Definition</label>
<div><label>Climate Zone</label>
<label><input type='checkbox' name='cz' value='hot-humid'> Hot-humid </label>
<label><input type='checkbox' name='cz' value='mixed-humid'> Mixed-humid </label>
<label><input type='checkbox' name='cz' value='hot-dry'> Hot-dry </label>
<label><input type='checkbox' name='cz' value='mixed-dry'> Mixed-dry </label>
<label><input type='checkbox' name='cz' value='marine'> Marine </label>
<label><input type='checkbox' name='cz' value='cold'> Cold </label>
<label><input type='checkbox' name='cz' value='very cold'> Very cold </label>
<label><input type='checkbox' name='cz' value='subarctic'> Subarctic </label>
</div>
<div><label>Building Type</label>
<div><label>Residential</label>
<label><input type='checkbox' name='res-type' value='single-family homes'> Single-family homes </label>
<label><input type='checkbox' name='res-type' value='multi-family homes'> Multi-family homes </label>
<label><input type='checkbox' name='res-type' value='mobile homes'> Mobile homes </label>
</div>
<div><label>Commercial</label>
<label><input type='checkbox' name='com-type' value='assembly'> Assembly </label>
<label><input type='checkbox' name='com-type' value='education'> Education </label>
<label><input type='checkbox' name='com-type' value='food sales'> Food sales </label>
<label><input type='checkbox' name='com-type' value='food service'> Food service </label>
<label><input type='checkbox' name='com-type' value='health care'> Health care </label>
<label><input type='checkbox' name='com-type' value='lodging'> Lodging </label>
<label><input type='checkbox' name='com-type' value='mercantile/service'> Mercantile/service </label>
<label><input type='checkbox' name='com-type' value='other'> Other </label>
<label><input type='checkbox' name='com-type' value='small office'> Small office </label>
<label><input type='checkbox' name='com-type' value='large office'> Large office </label>
<label><input type='checkbox' name='com-type' value='warehouse'> Warehouse </label>
</div>
</div>
<div><label>Building Vintage</label>
<label><input type='checkbox' name='vintage' value='new'> New </label>
<label><input type='checkbox' name='vintage' value='existing'> Existing </label>
</div>
<div><label>End Use</label>
</div>
</div>
<hr> <!-- horizontal rule -->
<div><label>Market Entry Year <input type='number' name='market-entry-year' min='2000' max='2050' value='2009'></label></div>
<div><label>Market Exit Year <input type='number' name='market-exit-year' min='2000' max='2050' value='2040'></label></div>
<div><label>ECM Type</label>
<div>
<label><input type='radio' name='ecm-type' value='tech-replacement' checked> 1:1 Technology Replacement </label>
<label><input type='radio' name='ecm-type' value='tech-add-on'> Augments Existing Technology </label>
</div>
</div>
<div>
<label>Performance</label>
<div id='perf-spec-radio'>
<label><input type='radio' name='perf-spec-type' value='spec-unitary'> Single Value </label>
<label><input type='radio' name='perf-spec-type' value='spec-by-cz'> By Climate Zone </label>
<label><input type='radio' name='perf-spec-type' value='spec-by-bldg'> By Building Type </label>
<label><input type='radio' name='perf-spec-type' value='spec-by-cz-bldg'> By Climate Zone and Building Type </label>
<label><input type='radio' name='perf-spec-type' value='spec-by-prob'> With A Probability Distribution </label>
</div>
<div id='perf-spec'>
</div>
<div id='perf-units'>
</div>
<label>Data Sources</label>
<div id='perf-source-radio'>
<label><input type='radio' name='perf-source-type' value='single'> Single Source </label>
<label><input type='radio' name='perf-source-type' value='replicate'> Same Structure as Values </label>
</div>
<div id='perf-source'>
</div>
</div>
<!-- <div><label>Installed Cost</label>
<div id='cost-spec-radio'>
<label><input type=radio name='cost-spec-type' value='spec-unitary'> Single Value </label>
<label><input type=radio name='cost-spec-type' value='spec-by-cz'> By Climate Zone </label>
<label><input type=radio name='cost-spec-type' value='spec-by-bldg'> By Building Type </label>
<label><input type=radio name='cost-spec-type' value='spec-by-cz-bldg'> By Climate Zone and Building Type </label>
<label><input type=radio name='cost-spec-type' value='spec-by-prob'> With A Probability Distribution </label>
</div>
<div id='cost-spec'>
</div>
<div id='cost-units'>
</div>
<div id='cost-source'>
</div>
</div> -->
<div><label>Lifetime</label>
<div id='life-spec-radio'>
<label><input type=radio name='life-spec-type' value='spec-unitary'> Single Value </label>
<label><input type=radio name='life-spec-type' value='spec-by-bldg'> By Building Type </label>
<label><input type=radio name='life-spec-type' value='spec-by-prob'> With A Probability Distribution </label>
</div>
<div id='life-spec'>
</div>
<div id='life-units'>
</div>
<label>Data Sources</label>
<div id='life-source-radio'>
<label><input type=radio name='life-source-type' value='single'> Single Source </label>
<label><input type=radio name='life-source-type' value='replicate'> Same Structure as Values </label>
</div>
<div id='life-source'>
</div>
</div>
<div><label>Fuel Switching</label>
<div id='fuel-switching-radio'>
<label><input type=radio name='fuel-switching' value='no-fuel-switch' checked> No </label>
<label><input type=radio name='fuel-switching' value='yes-fuel-switch'> Yes </label>
</div>
<div id='ecm-fuel-type'>
</div>
</div>
<div>
<label>Notes
<textarea name='ecm-notes' placeholder='Any additional notes or information can be provided here.'></textarea>
</label>
</div>
</form>
</body>
</html>