-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
88 lines (49 loc) · 3.31 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
<!DOCTYPE html>
<html lang = "en">
<!---
This is the index.html webpage which is mainly focus on taking input from user ,
such as name ,number of cookies , color of cookies , min and max number .
Then it send this all data to fortunecookies.php webpage to filter input and show the result. (Fortune Cookies)
This program was created on 3rd october 2020.
@author Utsavkumar M Patel (000820474).
-->
<head>
<title> Fortune Cookies Form </title>
<meta charset= "UTF-8">
<meta name= "viewport" content= "width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/main.css">
</head>
<body>
<h2> Fill out this form to get to know your fortune via cookies!! </h2> <hr>
<div class ="mainform">
<form method = "GET" action="fortunecookies.php"> <!--Form tag start here-->
<br /> <br />
<!--Take the user name ,color ,number of cookies as well as min and max luckey number as an input via form-->
<h3>Your Name :
<input type= "text" name = "name" size= "20" required placeholder= " Enter Your Name Here !! " />
</h3>
<h3>Select Cookies Color :
<input type= "color" value = "#CA4ECA" name= "colorcookies" />
</h3>
<h3>Number of Cookies :
<input type= "number" min= "1" name= "ncookies" placeholder= " Enter Number of Cookies You Want !! " required />
</h3>
<h3>Min Lucky Number :
<input type = "number" name= "minluck" placeholder= " Min Luckey Number !! " min = "1" required />
</h3>
<h3>Max Lucky Number :
<input type = "number" name= "maxluck" placeholder= " Max Luckey Number !! " min = "1" required />
</h3>
<h3> <br />
<!--Submit Button to Submit the form-->
<input name= "Submit" type = "submit" />
<!--Reset Button to Clear the form-->
<input type= "reset" value= "Reset" name= "Clear" />
</h3>
</form> <!--Form tag close here-->
</div>
<!-- Copyright & Program Creator Information -->
<h6> ©UTSAVKUMAR M PATEL (000820474).</h6>
</body>
</html>