-
Notifications
You must be signed in to change notification settings - Fork 0
/
survey.html
120 lines (111 loc) · 4.83 KB
/
survey.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
<html style="width:600px">
<head>
<script src="survey.js"></script>
<style type="text/css">
#submit{
border : solid 1px #1202a6;
border-radius : 3px 2px 3px 3px ;
moz-border-radius : 3px 2px 3px 3px ;
-webkit-box-shadow : 0px 0px 5px rgba(0,0,0,1.0);
-moz-box-shadow : 0px 0px 5px rgba(0,0,0,1.0);
box-shadow : 0px 0px 5px rgba(0,0,0,1.0);
font-size : 22px;
color : #050504;
padding : 1px 10px;
background : #053494;
background : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#053494), color-stop(100%,#addbff));
background : -moz-linear-gradient(top, #053494 0%, #addbff 100%);
background : -webkit-linear-gradient(top, #053494 0%, #addbff 100%);
background : -o-linear-gradient(top, #053494 0%, #addbff 100%);
background : -ms-linear-gradient(top, #053494 0%, #addbff 100%);
background : linear-gradient(top, #053494 0%, #addbff 100%);
filter : progid:DXImageTransform.Microsoft.gradient( startColorstr='#053494', endColorstr='#addbff',GradientType=0 );
}
</style>
</head>
<body>
<div id="graphDiv1"></div>
<!-- 10 person league-->
<p>Please fill in this probability distribution according to how you think you will perform this season.
<b>But first, please check out your team and see how your team did this week.</b></p>
<table style="width:100%">
<tr>
<td></td>
<td><label for="first"><br>0_______________1</br></label></td>
<td></td>
</tr>
<tr>
<td><label for="first">Please select the probability that you come in first:</label></td>
<td>
<input type="range" name="first" id="first" style="text-align:right" min="0" max="100" step="1" value="0">
</td>
<td><input type="text" id="firstT" align="right" value="0" style="width:30px;text-align:center"><br></td>
</tr>
<tr>
<td><label for="second">Please select the probability that you come in second:</label></td>
<td>
<input type="range" name="second" id="second" style="text-align:right" min="0" max="100" step="1" value="0">
</td>
<td><input type="text" id="secondT" align="right" value="0" style="width:30px;text-align:center"><br></td>
</tr>
<tr>
<td><label for="third">Please select the probability that you come in third:</label></td>
<td>
<input type="range" name="third" id="third" style="text-align:right" min="0" max="100" step="1" value="0">
</td>
<td><input type="text" id="thirdT" align="right" value="0" style="width:30px;text-align:center"><br></td>
</tr>
<tr>
<td><label for="fourth">Please select the probability that you come in fourth:</label></td>
<td>
<input type="range" name="fourth" id="fourth" align="right" min="0" max="100" step="1" value="0">
</td>
<td><input type="text" id="fourthT" align="right" value="0" style="width:30px;text-align:center"><br></td>
</tr>
<tr>
<td><label for="fifth">Please select the probability that you come in fifth:</label></td>
<td>
<input type="range" name="fifth" id="fifth" align="right" min="0" max="100" step="1" value="0">
</td>
<td><input type="text" id="fifthT" align="right" value="0" style="width:30px;text-align:center"><br></td>
</tr>
<tr>
<td><label for="sixth">Please select the probability that you come in sixth:</label></td>
<td>
<input type="range" name="sixth" id="sixth" align="right" min="0" max="100" step="1" value="0">
</td>
<td><input type="text" id="sixthT" align="right" value="0" style="width:30px;text-align:center"><br></td>
</tr>
<tr>
<td><label for="seventh">Please select the probability that you come in seventh:</label></td>
<td>
<input type="range" name="seventh" id="seventh" align="right" min="0" max="100" step="1" value="0">
</td>
<td><input type="text" id="seventhT" align="right" value="0" style="width:30px;text-align:center"><br></td>
</tr>
<tr>
<td><label for="eighth">Please select the probability that you come in eighth:</label></td>
<td>
<input type="range" name="eighth" id="eighth" align="right" min="0" max="100" step="1" value="0">
</td>
<td><input type="text" id="eighthT" align="right" value="0" style="width:30px;text-align:center"><br></td>
</tr>
<tr>
<td><label for="ninth">Please select the probability that you come in ninth:</label></td>
<td>
<input type="range" name="ninth" id="ninth" align="right" min="0" max="100" step="1" value="0">
</td>
<td><input type="text" id="ninthT" align="right" value="0" style="width:30px;text-align:center"><br></td>
</tr>
<tr>
<td><label for="tenth">Please select the probability that you come in last:</label></td>
<td>
<input type="range" name="tenth" id="tenth" align="right" min="0" max="100" step="1" value="100" readonly="1">
</td>
<td><input type="text" id="tenthT" align="right" value="0" style="width:30px;text-align:center" readonly="1"><br></td>
</tr>
</table>
</div>
<button id="submit">Submit!</button>
</body>
</html>