Customer-PHP-Form/cusForm.php at main · jmathtech/Customer-PHP-Form · GitHub

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
<!DOCTYPE html>
<html>
<head>
<title>Customer Data Form</title>
<style>
	body {

		background-color: #fafafa;
		font-family: Arial;
		color: #2b2b2a;
		margin: 500px;
		margin-left: 5%;
		margin-top: 3px;
		position: relative;
	}

	table {

		border-radius: 10px;
		background-color: #fcfcfc;
		font-family: Verdana;
		font-size: 0.70em;
		padding: 30px;
		box-shadow: 2px 5px 5px 0 #658a8a;


	}


	td {

		border: 1px;
		padding: 15px;
	}

	input {

		background-color: #2b2b2a;
		color: #fff;
		border: 0px;
		padding-left: 10px;
		box-shadow: 2px 2px 2px 2px #ccc;

	}

	input[type=submit] {

		padding: 10px 32px;
		box-shadow: 2px 2px 2px 2px #ccc;
	}

	input:hover[type=submit] {

		background: #658a8a;

	}


		/********* BEGIN Scrollbar colors **********/

		 ::-webkit-scrollbar {
		  width: 10px;
		}

		/* Track */
		::-webkit-scrollbar-track {
		  background: #e7f2e6;
		}

		/* Handle */
		::-webkit-scrollbar-thumb {
		  background: #2b2b2a;
		}

		/* Handle on hover */
		::-webkit-scrollbar-thumb:hover {
		  background: #c3c9b5;
		}

		/********* END Scrollbar colors **********/

</style>

</head>

<body>

<form action="cusSubmit.php" method="POST">


	<table border="1px">
		<h2>Customer Data Form</h2>

		<h4> ENTER DATA </h4>
			<tr>
				<td>First Name: </td> <td><input type="text" name="fn"></td>
			</tr>
			<tr>
				<td>Last Name: </td> <td><input type="text" name="ln"></td>
			</tr>
			<tr>
				<td>Email: </td> <td><input type="text" name="em"></td>
			</tr>
			<tr>
				<td>Address: </td> <td><input type="text" name="ad"></td>
			</tr>
			<tr>
				<td colspan="2"> <input type="submit" value="Add New Customer"></td>
			</tr>
		</form>
	</table>
</body>
</html>