Project3/payment.html at master · shefv/Project3 · 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
117
118
119
120
121
122
123
124
125
126
127
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width,initial-scale=1.0,shrink-to-fit=no">
  <link rel="stylesheet" href="screen.css">
  <title>myIllinoisTech</title>
</head>
<body class="tubewhite">
  <div id="banner">
    my<span>IllinoisTech</span><h1>Payment Information</h1>
  </div>
  <div class="wrapper" id="payment_page">
		<form id="select_payment">
		<fieldset>
		<legend><h2>Account Payment</h2></legend>
		<div>Select Payment Method</div>
			<label for="p_amount">Payment Amount:</label>
			<div id="p_amount">$500.00
		</div>
		<div>Payment Method:
		    <select name="method">
				<option value="Checking/Savings"> Checking/Savings </option>
				<option value="Credit_Card"> Credit Card  </option>
			</select>
		</div>
	</fieldset>
	</form>

<!-- Box is created around tags -->
<!--Student information starts below-->
  <form id="student_info">
  <fieldset>
	<legend>Student Information</legend>
		<label for="form-name"> Full Name: </label>
			<input type="text" name="_name_field" id= "form-name"/>

		<label for="form-address"> Billing Address: </label>
			<input type="text" name="address_field" id= "form-address"/>

		<label for="form-city"> City:</label>
			<input type="text" name="city_field" id= "form-city"/>

		<label for="form-state"> State: </label>
			<input type="text" name="state_field" id= "form-state" maxlength="2"/>

	   <label for="form-postal"> Postal Code: </label>
   	   <input type="text" name="postal_field" id= "form-postal" maxlength="5"/>

  <!-- Drop down menu implemented for semester -->
     <p> Semester </p>
	   <select name="sem_field">
         <option selected="selected" value="sem"> </option>
         <option value="Fall '15"> Fall 2015 </option>
         <option value="Spring '16"> Spring 2016 </option>
     </select>
	</fieldset>
	</form>
    <!--Payment information for Checking/Savings starts below-->
	<fieldset>
    <legend>Payment Information</legend>
     <label for="form-date"> Payment Date: </label>
       <input type="date" name="date_field" id= "form-date"/>

     <label for="form-amount"> Payment Amount: </label>
       <input type="text" name="amount_field" class= "form-amount"  maxlength="50"/>

     <p> Account Type: </p>
     <select name="account_field">
       <option selected="selected" value="acc">  </option>
       <option value="Checking"> Checking </option>
       <option value="Savings"> Savings  </option>
     </select>

     <label for="form-routing"> Routing Number: </label>
       <input type="text" name="routing_field" id= "form-routing"  maxlength="9"/>

	   <label for="form-number"> Account Number: </label>
       <input type="text" name="number_field" id= "form-number"  maxlength="12"/>

		 <label for="form-email"> Email Address: </label>
   	   <input type="text" name="email_field" id="form-email" value="example@hawk.iit.edu" maxlength="50"/>
  </fieldset>
<!--Payment information for Credit cards starts below-->
<fieldset>
    <legend>Payment Information</legend>
     <label for="form-date"> Payment Date: </label>
       <input type="date" name="date_field" id= "form-date"/>

     <label for="form-amount"> Payment Amount: </label>
       <input type="text" name="amount_field" class= "form-amount"  maxlength="50"/>

     <label for="form-card"> Cardholder Name: </label>
       <input type="text" name="card_field" id= "form-card"  maxlength="50"/>

	   <label for="form-cnumber"> Card Number: </label>
       <input type="text" name="cnumber_field" id= "form-cnumber"  maxlength="16"/>

	   <label for="form-expiration"> Card Expiration: </label>
       <input type="text" name="expiration_field" id= "form-expiration"  maxlength="5"/>

	   <label for="form-CVV"> CVV: </label>
       <input type="text" name="cvv_field" id= "form-cvv"  maxlength="3"/>

		 <label for="form-email"> Email Address: </label>
   	   <input type="text" name="email_field" id="form-email" value="example@hawk.iit.edu" maxlength="50"/>
  </fieldset>

<!-- Reviewing details starts below-->
  <fieldset>
    <legend>Review Payment Information</legend>

    <label for="form-amount"> Payment Amount: </label>
      <input type="text" name="amount_field" class= "form-amount" value ="101.00"/>

    <label for="form-type"> Payment Type: <label>
   	  <input type="text" name="type_field" id="form-type" value="Checking/Savings or CC" maxlength="50"/>
  </fieldset>

       <!-- Sending information and sumbitting form -->
	<input type="button" onclick="location.href='balance.html';" value="Back" class="back_to_balance" />
	<input type="button" onclick="location.href='receipt.html';" value="Submit Payment" />
</div>
</body>


</html>