Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="utf-8">
- <title>Best Movies About The Internet/Web - Form</title>
- <link href="css/base.css" rel="stylesheet" type="text/css">
- <link rel="icon" href="media/favicon.ico">
- </head>
- <body>
- <header>
- <h1>Best Movies About The <Internet/Web></h1>
- <nav id="mainmenu"><a href="index.html">Homepage</a> | <b>Form</b> </nav>
- <div id="introduction">
- <h2>Send your favourite movies</h2>
- <p>Do you have favourite movie in this topic? If yes, please fill the following form!</p>
- </div>
- </header>
- <main>
- <!-- form data -->
- <!-- http://tetlabor.inf.elte.hu/webdev/lab4 -->
- <form action="mailto:johnsmith@mailinator.com"
- method="post"
- enctype="text/plain">
- <fieldset>
- <legend>Datasheet of movie</legend>
- <label for="movietitle">Title</label><br>
- <input type="text" size="50" name="title" id="movietitle"><br>
- <label for="imdb">IMDb webaddress</label><br>
- <input type="url" size="50" name="imdb" id="imdb"><br>
- <label for="story">Story shortly</label><br>
- <textarea cols="50" rows="10" name="story"
- id="story" placeholder="No spoilers, please!"></textarea>
- </fieldset>
- <fieldset>
- <legend>Rating</legend>
- <p>Your rating in a 1 to 5 scale</p>
- <input type="radio" name="rating" value="1" id="v1"><label for="v1">1</label>
- <input type="radio" name="rating" value="2" id="v2"><label for="v2">2</label>
- <input type="radio" name="rating" value="3" id="v3"><label for="v3">3</label>
- <input type="radio" name="rating" value="4" id="v4"><label for="v4">4</label>
- <input type="radio" name="rating" value="5" id="v5"><label for="v5">5</label>
- </fieldset>
- <fieldset>
- <legend>Personal info</legend>
- <label for="email">E-mail address</label><br>
- <input type="email" name="email" id="email" size="50"><br>
- <br>
- <input type="checkbox" name="newsletter"
- value="yes" id="newsletter">
- <label for="newsletter">I'd like to subscribe to a newsletter</label>
- </fieldset>
- <br>
- <input type="submit" value="Submit">
- <input type="reset" value="Reset">
- </form>
- <pre>
- Title
- IMDb webaddress:
- http://www.imdb.com/
- Story shortly
- No spoilers, please!
- Rating
- Your rating in a 1 to 5 scale
- 1 - unwatchable 2 3 4 5 - must watch
- Personal info
- Name
- E-mail address
- I'd like to subscribe to a newsletter
- Send
- </pre>
- <p>These movies are already on my list:</p>
- <nav>
- <ol>
- <li><a href="index.html#socialnetwork">The Social Network</a></li>
- <li><a href="index.html#her">Her</a></li>
- <li><a href="index.html#deepweb">Deep Web</a></li>
- </ol>
- </nav>
- </main>
- <footer>
- <address>
- <p>Author: John Smith (<a href="mailto:johnsmith@mailinator.com)">johnsmith@mailinator.com)</a><br>
- H-1117 Budapest, Noname street 17</p>
- </address>
- </footer>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement