Advertisement
Guest User

Untitled

a guest
Mar 13th, 2019
89
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.79 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <title>Best Movies About The Internet/Web - Form</title>
  6. <link href="css/base.css" rel="stylesheet" type="text/css">
  7. <link rel="icon" href="media/favicon.ico">
  8. </head>
  9. <body>
  10. <header>
  11. <h1>Best Movies About The &lt;Internet/Web&gt;</h1>
  12. <nav id="mainmenu"><a href="index.html">Homepage</a> | <b>Form</b> </nav>
  13. <div id="introduction">
  14. <h2>Send your favourite movies</h2>
  15. <p>Do you have favourite movie in this topic? If yes, please fill the following form!</p>
  16. </div>
  17. </header>
  18. <main>
  19. <!-- form data -->
  20. <!-- http://tetlabor.inf.elte.hu/webdev/lab4 -->
  21.  
  22. <form action="mailto:johnsmith@mailinator.com"
  23. method="post"
  24. enctype="text/plain">
  25. <fieldset>
  26. <legend>Datasheet of movie</legend>
  27. <label for="movietitle">Title</label><br>
  28. <input type="text" size="50" name="title" id="movietitle"><br>
  29.  
  30. <label for="imdb">IMDb webaddress</label><br>
  31. <input type="url" size="50" name="imdb" id="imdb"><br>
  32.  
  33. <label for="story">Story shortly</label><br>
  34. <textarea cols="50" rows="10" name="story"
  35. id="story" placeholder="No spoilers, please!"></textarea>
  36. </fieldset>
  37. <fieldset>
  38. <legend>Rating</legend>
  39. <p>Your rating in a 1 to 5 scale</p>
  40. <input type="radio" name="rating" value="1" id="v1"><label for="v1">1</label>
  41. <input type="radio" name="rating" value="2" id="v2"><label for="v2">2</label>
  42. <input type="radio" name="rating" value="3" id="v3"><label for="v3">3</label>
  43. <input type="radio" name="rating" value="4" id="v4"><label for="v4">4</label>
  44. <input type="radio" name="rating" value="5" id="v5"><label for="v5">5</label>
  45. </fieldset>
  46. <fieldset>
  47. <legend>Personal info</legend>
  48. <label for="email">E-mail address</label><br>
  49. <input type="email" name="email" id="email" size="50"><br>
  50.  
  51. <br>
  52. <input type="checkbox" name="newsletter"
  53. value="yes" id="newsletter">
  54. <label for="newsletter">I'd like to subscribe to a newsletter</label>
  55. </fieldset>
  56. <br>
  57. <input type="submit" value="Submit">
  58. <input type="reset" value="Reset">
  59.  
  60.  
  61. </form>
  62.  
  63. <pre>
  64.  
  65. Title
  66.  
  67. IMDb webaddress:
  68. http://www.imdb.com/
  69.  
  70. Story shortly
  71. No spoilers, please!
  72. Rating
  73. Your rating in a 1 to 5 scale
  74. 1 - unwatchable 2 3 4 5 - must watch
  75.  
  76. Personal info
  77. Name
  78.  
  79. E-mail address
  80.  
  81. I'd like to subscribe to a newsletter
  82. Send
  83.  
  84. </pre>
  85. <p>These movies are already on my list:</p>
  86. <nav>
  87. <ol>
  88. <li><a href="index.html#socialnetwork">The Social Network</a></li>
  89. <li><a href="index.html#her">Her</a></li>
  90. <li><a href="index.html#deepweb">Deep Web</a></li>
  91. </ol>
  92. </nav>
  93. </main>
  94. <footer>
  95. <address>
  96. <p>Author: John Smith (<a href="mailto:johnsmith@mailinator.com)">johnsmith@mailinator.com)</a><br>
  97. H-1117 Budapest, Noname street 17</p>
  98. </address>
  99.  
  100. </footer>
  101.  
  102. </body>
  103. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement