aboutsummaryrefslogtreecommitdiffstats
path: root/csci4131/hw4/strap012/MyForm.html
diff options
context:
space:
mode:
Diffstat (limited to 'csci4131/hw4/strap012/MyForm.html')
-rw-r--r--csci4131/hw4/strap012/MyForm.html56
1 files changed, 56 insertions, 0 deletions
diff --git a/csci4131/hw4/strap012/MyForm.html b/csci4131/hw4/strap012/MyForm.html
new file mode 100644
index 0000000..43529cd
--- /dev/null
+++ b/csci4131/hw4/strap012/MyForm.html
@@ -0,0 +1,56 @@
+<!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>