-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
47 lines (47 loc) · 1.54 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
<!DOCTYPE html>
<html lang="en">
<head>
<title>contakList</title>
<link rel="stylesheet" type="text/css" href="css/style.css">
<script type="text/javascript" src="js/dynamics.min.js"></script>
</head>
<body onload="startAddressBook()">
<header id="main_head">
<h1>contakList</h1>
</header>
<article>
<header>
<h2>Welcome!</h2>
</header>
<p>This web app lets you add, edit and remove contacts. The information you input is stored locally in your computer. Add contacts using the form below and manage them by browsing through the list.</p>
<a name="edit"></a>
<header><h3>Create a new contact</h3></header>
<form method="post" onsubmit="submitContact();">
<ul>
<li>Name:<br>
<input id="name_field" type="text" size="50" value=""></li>
<li>Email:<br>
<input id="email_field" type="email" size="50" value=""></li>
<li>Phone:<br>
<input type="text" id="phone_field" name="phone" size="50" value=""><input type="hidden" id="id_field" value=""></li>
<li><input id="submit" type="submit" name="submit" value="Add contact"></li>
</ul>
</form>
</article>
<article>
<header>
<h3>Browse your contacts</h3>
</header>
<form>
<select id="search_contacts" onchange="showContact()">
</select>
</form>
<ul id="contacts">
</ul>
<button type="button" id="remove_all" onclick="clearAllData()">Remove all Contacts</button>
</article>
<footer>
<p>Developed for the <a href="http://10k.aneventapart.com/" title="Contest website">10K Apart Contest</a>. Support HTML5 and Open Standards!</p>
</footer>
</body>
</html>