ARC/form.php at master · ajugjacob/ARC · 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
114
115
116
<?php /* Template Name: Form Template */ ?>
<?php
/*
	1) Create two pages -- Form and Form Render
	2) Set template name of form page Form Template and form render page to Form Render
	2) replace form action of this page with permalink of form render page

*/
?>
<!DOCTYPE html>
<html>
<head>
	<title></title>
	<link rel="stylesheet" type="text/css" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css">
	<link rel="stylesheet" href="./assets/css/style.css" type="text/css">
	<style>
						input::-webkit-outer-spin-button,
						input::-webkit-inner-spin-button
						{
	  						-webkit-appearance: none;
	  						margin: 0;
						}
						input[type=number]
						{
						    -moz-appearance: textfield;
						    text-transform: uppercase;
						}
						.container .form-group label{
							font-size: 1.2em;
							font-weight: 600;
							color: 	#212529;
						}
						.container .form-group #submit-button{
							background-color: #f82249;
							border: solid 1px #f82249;
						}
	</style>
</head>
<body>

<!-- put action = form render url!! -->
<div class="container">
<form style="margin: 50px auto; width: 100%;" method="POST" action="/invoice">

	<div class="form-group">
		<label>Name</label><br>
		<input type="text" name="first_name" id="first_name" class="col-xl-3 col-lg-4 col-md-6" style="padding: 12px;" placeholder="First Name" required>
		<input type="text" name="middle_name" id="middle_name" class="col-xl-3 col-lg-4 col-md-6" style="padding: 12px;" placeholder="Middle Name">
		<input type="text" name="last_name" id="last_name" class="col-xl-3 col-lg-4 col-md-6" style="padding: 12px;" placeholder="Last Name" required>
	</div>

	<div class="form-group">
		<label>Gender</label><br>
		<input type="radio" name="gender" value="male"> <span>Male</span>
		<input type="radio" name="gender" value="female"> <span>Female</span><br>
	</div>

	<div class="form-group">
		<label>Mail ID</label><br>
		<input type="email" name="email" class="col-xl-3 col-lg-4 col-md-6" style="padding: 12px;" placeholder="Email" required>
	</div>

	<div class="form-group">
		<label>Phone</label><br>
		<input type="number" name="phone_personal" class="col-xl-3 col-lg-4 col-md-6" style="padding: 12px;" placeholder="Personal No." required>
		<input type="number" name="phone_parent" class="col-xl-3 col-lg-4 col-md-6" style="padding: 12px;" placeholder="Parents No." required>
	<div class="form-group">
		<label style="margin-top: 20px;">Address</label><br>
		<textarea name="address" placeholder="Type your address here" class="col-xl-10 col-lg-4 col-md-6" style="padding: 12px;" required></textarea>
	</div>

	<div class="form-group">
		<label for="department">Department</label><br>
		<!-- <input name="Department" class="col-xl-3 col-lg-4 col-md-6" style="padding: 12px;" placeholder="department" required> -->
		  <select id="department" name="department" class="col-xl-3 col-lg-4 col-md-6" style="padding: 12px;" placeholder="Department">
		    <option value="EC">Electronics Communication</option>
		    <option value="CS">Computer Science</option>
		    <option value="EE">Electrical & Electronics</option>
		    <option value="EI">Electronics & Instrumentation</option>
		  </select>
		<!-- <input type="text" name="batch" class="col-xl-3 col-lg-4 col-md-6" style="padding: 12px;" placeholder="Enter your Batch (A,B,C,D)" required> -->
		<!-- <input name="Department" class="col-xl-3 col-lg-4 col-md-6" style="padding: 12px;" placeholder="department" required> -->
		  <select id="batch" name="batch" class="col-xl-3 col-lg-4 col-md-6" style="padding: 12px;" placeholder="Batch">
		    <option value="A">A</option>
		    <option value="B">B</option>
		    <option value="C">C</option>
		    <option value="D">D</option>
		    <option value="E">E</option>
		    <option value="F">F</option>
		    <option value="G">G</option>
		  </select>
	</div>

	<div class="form-group">
		<label>University Number</label><br>
		<input type="number" name="uni_number" class="col-xl-3 col-lg-4 col-md-6" style="padding: 12px;" placeholder="University Number" required>
	</div>

	<div class="form-group">
		<label>Placed Company</label><br>
		<input type="text" name="company" class="col-xl-8 col-lg-4 col-md-6" style="padding: 12px;" placeholder="Placed Company" required>
	</div>

	<div class="form-group">
		<label>Higher Studies</label><br>
		<input type="text" name="higher_studies" class="col-xl-8 col-lg-4 col-md-6" style="padding: 12px;" placeholder="Higher Studies" required>
	</div>

	<div class="form-group">
		<input type="submit" class="btn btn-primary" name="submit" id="submit-button" value="Submit">
	</div>

</form>
</div>
</body>
</html>