-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathform.html
136 lines (131 loc) · 4.75 KB
/
form.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
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/master.css">
<title>MyTube</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Source+Sans+Pro&display=swap" rel="stylesheet">
</head>
<body>
<header>
<nav>
<ul>
<li>
<a href="index.html">Home</a>
</li>
<li>
<a href="pages/collection-1.html">Fame On Fire</a>
<ul>
<li>
<a href="videos/videos-1.html">Smells Like Teen Spirit</a>
</li>
<li>
<a href="videos/videos-2.html">Rockstar</a>
</li>
<li>
<a href="videos/videos-3.html">Misery Business</a>
</li>
<li>
<a href="videos/videos-4.html">Plastic Heart</a>
</li>
<li>
<a href="videos/videos-5.html">Cut Throat</a>
</li>
<li>
<a href="videos/videos-6.html">Ketamine</a>
</li>
</ul>
</li>
<li>
<a href="pages/collection-2.html">O'Keefe Music Foundation</a>
<ul>
<li>
<a href="videos/videos-7.html">The Pot</a>
</li>
<li>
<a href="videos/videos-8.html">46 & 2</a>
</li>
<li>
<a href="videos/videos-9.html">Lateralus</a>
</li>
<li>
<a href="videos/videos-10.html">My Curse</a>
</li>
<li>
<a href="videos/videos-11.html">Her Black Wings</a>
</li>
<li>
<a href="videos/videos-12.html">More Human Than Human</a>
</li>
</ul>
</li>
<li>
<a href="pages/collection-3.html">Our Last Night</a>
<ul>
<li>
<a href="videos/videos-13.html">Oasis</a>
</li>
<li>
<a href="videos/videos-14.html">Bye, Bye, Bye</a>
</li>
<li>
<a href="videos/videos-15.html">Total Eclipse of the Heart</a>
</li>
<li>
<a href="videos/videos-16.html">The Beaten Path</a>
</li>
<li>
<a href="videos/videos-17.html">Losing Sleep</a>
</li>
<li>
<a href="videos/videos-18.html">Let Light Overcome The Darkness</a>
</li>
</ul>
</li>
<li><a href="form.html">New Video</a></li>
</ul>
</nav>
</header>
<form action="/action.php" method="post">
<h1><u> ADD NEW VIDEO:</u></h1>
<p><u>Please give title & description of your video here:</u></p>
<label for="videoTitle">Video Title:</label><br>
<input type="text" id="videoTitle" name="videoTitle" class="form-group" placeholder="video title" required><br>
<label for="description">Description:</label><br />
<textarea id="descripton" name="description1" class="form-group" cols="20" rows="8" aria-label="description1"
required>description of video</textarea><br />
<p><u>Please choose the video you wish to upload:</u></p>
<label for="myfile">Video:</label><br />
<input type="file" id="myfile" name="myfile" class="form-class" required><br />
<br />
<p><u>Which collection will you be adding your video to?</u></p>
<label for="collections">Choose Collection:</label><br />
<select id="collections" name="collections" class="form-class" required><br />
<option value="collection1">Collection 1</option>
<option value="collection2">Collection 2</option>
<option value="collection3">Collection 3</option>
</select><br />
<br />
<p><u>How often would you like to submit new videos?</u></p>
<label for="daily">Daily</label>
<input checked="checked" name="newsletter" type="radio" value="daily" aria-label="newsletter" class="input-radio"
required />
<label for="weekly">Weekly</label>
<input name="newsletter" type="radio" value="weekly" aria-label="newsletter" class="input-radio" required />
<br />
<br />
<br />
<p><u>Please upload your video here:</u></p>
<label><input type="upload" id="upload" class="input-checkbox" placeholder="upload video">Upload Video</label><br />
<label><input name="terms" type="checkbox" value="tandc" class="input-checkbox" />Accept terms</label><br />
<div class="container">
<input type="submit" class="btn btn1" value="Submit" />
</div>
</form>
</body>
<hr />
<footer>©: Copyright</footer>
</html>