Hugging Face's logo

Spaces:
rhea2809
/
form
Running

App Files Community
rhea2809 commited on
Commit
0b4d20a
•
1 Parent(s): 8c4ba26

Update index.html

Browse files
Files changed (1) hide show
  1. index.html +73 -64
index.html CHANGED
@@ -2,73 +2,82 @@
2
 
3
  <head>
4
  <meta charset="UTF-8">
5
- <style>*{
6
- margin: 0;
7
- padding: 0;
8
- }
9
- .rate {
10
- float: left;
11
- height: 46px;
12
- padding: 0 10px;
13
- }
14
- .rate:not(:checked) > input {
15
- position:absolute;
16
- top:-9999px;
17
- }
18
- .rate:not(:checked) > label {
19
- float:right;
20
- width:1em;
21
- overflow:hidden;
22
- white-space:nowrap;
23
- cursor:pointer;
24
- font-size:30px;
25
- color:#ccc;
26
- }
27
- .rate:not(:checked) > label:before {
28
- content: '★ ';
29
- }
30
- .rate > input:checked ~ label {
31
- color: #ffc700;
32
- }
33
- .rate:not(:checked) > label:hover,
34
- .rate:not(:checked) > label:hover ~ label {
35
- color: #deb217;
36
- }
37
- .rate > input:checked + label:hover,
38
- .rate > input:checked + label:hover ~ label,
39
- .rate > input:checked ~ label:hover,
40
- .rate > input:checked ~ label:hover ~ label,
41
- .rate > label:hover ~ input:checked ~ label {
42
- color: #c59b08;
43
- }
44
 
45
- /* Modified from: https://github.com/mukulkant/Star-rating-using-pure-css */</style>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
46
  </head>
47
 
48
  <body>
49
- <form
50
- method="POST"
51
- action="https://script.google.com/macros/s/AKfycbz_3RbhDT53-rXK6LMk1CoABUtvkRc5e5QVvrVmG0inKmTdR1I0G6QZ6hoONvh3eYM9/exec"
52
- >
53
- <div class="rate">
54
- <input type="radio" id="star5" name="Rating" value="5" />
55
- <label for="star5" title="text">5 stars</label>
56
- <input type="radio" id="star4" name="Rating" value="4" />
57
- <label for="star4" title="text">4 stars</label>
58
- <input type="radio" id="star3" name="Rating" value="3" />
59
- <label for="star3" title="text">3 stars</label>
60
- <input type="radio" id="star2" name="Rating" value="2" />
61
- <label for="star2" title="text">2 stars</label>
62
- <input type="radio" id="star1" name="Rating" value="1" />
63
- <label for="star1" title="text">1 star</label>
64
- </div>
65
- <textarea name="Name" cols="30" rows="5" placeholder="Where could we improve?..."></textarea>
66
- <div class="btn-group">
67
- <button type="submit" class="btn submit">Submit</button>
68
- </div>
69
-
70
- </form>
71
-
72
  </body>
73
- </html>
74
 
 
 
2
 
3
  <head>
4
  <meta charset="UTF-8">
5
+ <style>
6
+ * {
7
+ margin: 0;
8
+ padding: 0;
9
+ }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
10
 
11
+ .rate {
12
+ float: left;
13
+ height: 46px;
14
+ padding: 0 10px;
15
+ }
16
+
17
+ .rate:not(:checked)>input {
18
+ position: absolute;
19
+ top: -9999px;
20
+ }
21
+
22
+ .rate:not(:checked)>label {
23
+ float: right;
24
+ width: 1em;
25
+ overflow: hidden;
26
+ white-space: nowrap;
27
+ cursor: pointer;
28
+ font-size: 30px;
29
+ color: #ccc;
30
+ }
31
+
32
+ .rate:not(:checked)>label:before {
33
+ content: '★ ';
34
+ }
35
+
36
+ .rate>input:checked~label {
37
+ color: #ffc700;
38
+ }
39
+
40
+ .rate:not(:checked)>label:hover,
41
+ .rate:not(:checked)>label:hover~label {
42
+ color: #deb217;
43
+ }
44
+
45
+ .rate>input:checked+label:hover,
46
+ .rate>input:checked+label:hover~label,
47
+ .rate>input:checked~label:hover,
48
+ .rate>input:checked~label:hover~label,
49
+ .rate>label:hover~input:checked~label {
50
+ color: #c59b08;
51
+ }
52
+
53
+ /* Modified from: https://github.com/mukulkant/Star-rating-using-pure-css */
54
+ </style>
55
  </head>
56
 
57
  <body>
58
+ <form method="POST"
59
+ action="https://script.google.com/macros/s/AKfycbz_3RbhDT53-rXK6LMk1CoABUtvkRc5e5QVvrVmG0inKmTdR1I0G6QZ6hoONvh3eYM9/exec">
60
+ <div class="rate">
61
+ <input type="radio" id="star5" name="Rating" value="5" />
62
+ <label for="star5" title="text">5 stars</label>
63
+ <input type="radio" id="star4" name="Rating" value="4" />
64
+ <label for="star4" title="text">4 stars</label>
65
+ <input type="radio" id="star3" name="Rating" value="3" />
66
+ <label for="star3" title="text">3 stars</label>
67
+ <input type="radio" id="star2" name="Rating" value="2" />
68
+ <label for="star2" title="text">2 stars</label>
69
+ <input type="radio" id="star1" name="Rating" value="1" />
70
+ <label for="star1" title="text">1 star</label>
71
+ </div>
72
+ <textarea name="Feedback" cols="30" rows="5" placeholder="Where could we improve?..."></textarea>
73
+ <div class="btn-group">
74
+ <button type="submit" class="btn submit" onClick={this.onClickButton}>Submit</button>
75
+ </div>
76
+ <input type="hidden" id="firstname" name="Name" value="" />
77
+ <input type="hidden" name="Asset" value="Temp" />
78
+ </form>
79
+ <script>document.getElementById("firstname").setAttribute('value', window.circleUser.firstName);
80
+ </script>
81
  </body>
 
82
 
83
+ </html>