<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="utf-8">
<title>There is no form</title>
<link rel="stylesheet" href="style.css">
<script src="contacts.js" defer></script>
</head>
<body>
<nav>
<table>
<tr>
<td class="linkTable"><a href="./MyWidgets.html">myWidgets</a></td>
<td class="linkTable"><a href="./MyContacts.html">myContacts</a></td>
<td class="linkTable"><a href="./MyForm.html">MyForm</a></td>
<td class="linkTable"><a href="./MyServer.html">MyServer</a></td>
</tr>
</table>
</nav><br>
<h2>Simple Form</h2>
<form action="http://localhost:9001" method="post">
<p class="Form">
<label>Name:
<input name="name" pattern="[A-za-z0-9 ]+" required title="Contact's name must be alphanumeric." type="text" size="25" maxlength="30" id="name"><br><br>
</label>
<label>Category:
<select name="category" required id="category" size=3>
<option value="Personal">Personal</option>
<option value="Academic">Academic</option>
<option value="Industry">Industry</option>
</select><br><br>
</label>
<label>Location:
<input name="location" required type="text" size="25" maxlength="250" id="location"><br><br>
</label>
<label>Contact Information:
<input name="contact" required size="25" maxlength="250" id="contact"><br><br>
</label>
<label>Email:
<input name="email" required Type="email" size="25" maxlength="30" id="email"><br><br>
</label>
<label> URL
<input name="website" required Type="url" size="25" maxlength="30" id="website"><br>
</label>
</p>
<p>
<input type="submit" value="Submit">
<input type="reset" value="Clear">
</p>
</form>
<div id="formap"></div>
<script
src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAHA_O_rW2n6AAb9lvwOQ3wO36rtstdc90&libraries=places,geometry&callback=initForm"
async defer></script>
</body>