summaryrefslogtreecommitdiffstats
path: root/HTML/Chapter/Ch. 10 hands-on assignments/Ch10_msglm/10.4.contactus.html
diff options
context:
space:
mode:
authormsglm <msglm@techchud.xyz>2023-01-14 05:31:48 -0600
committermsglm <msglm@techchud.xyz>2023-01-14 05:31:48 -0600
commit9d53d8857eaa1c9405894a88ca75bc4657e42f35 (patch)
treeeb1efc1d028b949dd83bb710c68be8eff58f26e7 /HTML/Chapter/Ch. 10 hands-on assignments/Ch10_msglm/10.4.contactus.html
downloadschool-code-master.tar.gz
school-code-master.tar.bz2
school-code-master.zip
Inital CommitHEADmaster
Diffstat (limited to 'HTML/Chapter/Ch. 10 hands-on assignments/Ch10_msglm/10.4.contactus.html')
-rw-r--r--HTML/Chapter/Ch. 10 hands-on assignments/Ch10_msglm/10.4.contactus.html49
1 files changed, 49 insertions, 0 deletions
diff --git a/HTML/Chapter/Ch. 10 hands-on assignments/Ch10_msglm/10.4.contactus.html b/HTML/Chapter/Ch. 10 hands-on assignments/Ch10_msglm/10.4.contactus.html
new file mode 100644
index 0000000..1893bec
--- /dev/null
+++ b/HTML/Chapter/Ch. 10 hands-on assignments/Ch10_msglm/10.4.contactus.html
@@ -0,0 +1,49 @@
+<!DOCTYPE html>
+<html lang="en">
+ <head>
+ <title>Contact Form</title>
+ <meta charset="utf-8">
+ <style>
+input[type="submit"] {
+ margin-left: 110px;
+}
+
+form {
+ background-color: #EAEAEA;
+ font-family: Arial, sans-serif;
+ width: 350px;
+ padding: 10px;
+}
+
+ label {
+ float: left;
+ clear: left;
+ display: block;
+ width: 100px;
+ padding-right: 10px;
+ margin-top: 10px;
+ text-align: right;
+ }
+
+ input {
+ display: block; margin-top: 10px;
+ }
+
+ textarea {
+ display: block; margin-top: 10px;
+ }
+ </style>
+ </head>
+ <body>
+ <h1>Contact Us</h1>
+ <form method="get">
+ <label for="myName">Name:</label>
+ <input type="text" name="myName" id="myName">
+ <label for="myEmail">E-mail:</label>
+ <input type="text" name="myEmail" id="myEmail">
+ <label for="myComments">Comments:</label>
+ <textarea name="myComments" id="myComments" rows="2" cols="20"></textarea>
+ <input id="mySubmit" type="submit" value="Submit">
+ </form>
+ </body>
+</html>