Simple-JavaScript-Address-Book-Application/index.html at master · Tooyosi/Simple-JavaScript-Address-Book-Application · 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
<!DOCTYPE html>
<html>
<head>
	<title></title>
	<link rel="stylesheet" type="text/css" href="address.css">
</head>
<body>
	<div class="container">
		<div class="title">
			<h1>Simple Address Book</h1>
		</div>
		<div class="addbook">
		</div>
		<div class="quickadd"><button id="QuickAdd">New Contact</button></div>
		<div class="quickaddForm">
			<label for="fullname">Name:</label><input type="text"  class="formLabel" id="fullname" name=""><br>
			<label for="email">Email:</label><input type="text"  class="formLabel" id="email"  name=""><br>
			<label for="phone">Phone:</label><input type="text"  class="formLabel" id="phone"  name=""><br>
			<label for="address">Address:</label><input type="text"  class="formLabel" name="address" id="address" cols="30" rows="30"><br>
			<label for="city">City:</label><input type="text"  class="formLabel" id="city"  name=""><br>
			<span id="formErr" style="color: red;  margin-left: 24%"></span><br>
			<button  id="Add">Submit</button><button  id="Cancel">Cancel</button>
		</div>
		<div class="editForm">
			<h5>Input Your New Details</h5>
			<label for="fullname">Name:</label><input type="text"  class="formLabel" id="edtName" name=""><br>
			<label for="email">Email:</label><input type="text"  class="formLabel" id="edtEmail"  name=""><br>
			<label for="phone">Phone:</label><input type="text"  class="formLabel" id="edtPhone"  name=""><br>
			<label for="address">Address:</label><input type="text"  class="formLabel" name="address" id="edtAddress" cols="30" rows="30"><br>
			<label for="city">City:</label><input type="text"  class="formLabel" id="edtCity"  name=""><br>
			<span id="editErr"  style="color: red;  margin-left: 24%"></span>
			<button  id="addEdt">Submit</button><button  id="cancelEdt">Cancel</button>
		</div>
	</div>
	<script type="text/javascript" src="address.js"></script>
</body>
</html>