diff options
Diffstat (limited to 'csci4131/hw4/strap012/MyForm.html')
-rw-r--r-- | csci4131/hw4/strap012/MyForm.html | 55 |
1 files changed, 55 insertions, 0 deletions
diff --git a/csci4131/hw4/strap012/MyForm.html b/csci4131/hw4/strap012/MyForm.html new file mode 100644 index 0000000..cfd5c51 --- /dev/null +++ b/csci4131/hw4/strap012/MyForm.html @@ -0,0 +1,55 @@ +M<!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> + </tr> + </table> + </nav><br> + <h2>Simple Form</h2> + <form action="http://www-users.cselabs.umn.edu/~joh13266/echo.php/" 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> |