diff options
Diffstat (limited to 'HTML/Chapter/Ch. 10 hands-on assignments/Ch10_msglm/10.7.comment.html')
-rw-r--r-- | HTML/Chapter/Ch. 10 hands-on assignments/Ch10_msglm/10.7.comment.html | 42 |
1 files changed, 42 insertions, 0 deletions
diff --git a/HTML/Chapter/Ch. 10 hands-on assignments/Ch10_msglm/10.7.comment.html b/HTML/Chapter/Ch. 10 hands-on assignments/Ch10_msglm/10.7.comment.html new file mode 100644 index 0000000..f97c3c3 --- /dev/null +++ b/HTML/Chapter/Ch. 10 hands-on assignments/Ch10_msglm/10.7.comment.html @@ -0,0 +1,42 @@ +<!DOCTYPE html>
+<html lang="en">
+ <head>
+ <title>Comment Form</title>
+ <meta charset="utf-8">
+ <style>
+label { display: block;
+ margin-top: 20px; }
+input { display: block;
+ margin-bottom: 20px; }
+ </style>
+ </head>
+ <body>
+ <h1>Comment Form</h1>
+ <form method="post" action="https://webdevbasics.net/scripts/demo.php">
+ <label for="myFirstName">* First Name</label>
+ <input type="text" name="myFirstName"
+ id="myFirstName" required="required"
+ placeholder="your first name">
+ <label for="myLastName">* Last Name</label>
+ <input type="text" name="myLastName"
+ id="myLastName" required="required"
+ placeholder="your last name">
+ <label for="myEmail">* E-mail</label>
+ <input type="email" name="myEmail" id="myEmail"
+ required="required"
+ placeholder="you@yourdomain.com">
+ <label for="myRating">Rating (1 — 10)
+ </label>
+ <input type="range" name="myRating"
+ id="myRating" min="1" max="10">
+ <label for="myComments">* Comments</label>
+ <textarea name="myComments" id="myComments"
+ rows="2" cols="40"
+ required="required"
+ placeholder="your comments here">
+ </textarea>
+ <input type="submit" value="Submit">
+ </form>
+
+ </body>
+</html>
|