Guest User

Untitled

a guest
Mar 19th, 2012
94
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 3.90 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-us" lang="en-us">
  3.     <head>
  4.         <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  5.         <meta name="author" content="" />
  6.         <meta name="description" content="" />
  7.         <meta name="keywords" content="forms html5" />
  8.         <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
  9.         <title>Άσκηση 1 - HTML Forms</title>
  10.         <!-- CSS -->
  11.         <style media="screen" type="text/css">* {font-size: 101%;}body {width: 38%;min-width: 30em;font: 1em "Helvetica Neue", Helvetica, "trebuchet ms", Geneva, sans-serif;margin: 0 auto;color: #fff;background-color:#485A88;}h1 {text-align:center;font-size: 1.55em;font-weight: bold;}fieldset {margin:1em;padding:1em;border:4px ridge #8db8c8}textarea, input, select {padding:2px 5px;border-radius: 5px;}</style>
  12.     </head>
  13.     <body >
  14.         <article>
  15.             <h1>HTML Form</h1>
  16.             <form action="index.html" method="POST" enctype="multipart/form-data">
  17.             <fieldset>
  18.             <legend>Σχετικά με την θέση εργασίας</legend>
  19.             <dl>
  20.            
  21.                 <dt><label for="position">Για ποια θέση κάνετε αίτηση;</label></dt>
  22.                 <dd>   
  23.                     <select name="position" id="position" multiple="multiple" size="5" required="required">
  24.                         <option value="1">Technical writer</option>
  25.                         <option value="2">UX designer</option>
  26.                         <option value="3">Web designer</option>
  27.                         <option value="4">Front-end web developer</option>
  28.                         <option value="5">Back-end developer</option>
  29.                         <option value="6">Database administrator</option>
  30.                         <option value="7">Developer evangelist</option>
  31.                     </select>
  32.                 </dd>
  33.                
  34.                 <dt><label for="country">Είστε πρόθυμος/η να εγκατασταθείτε σε άλλη χώρα;</label></dt>
  35.                 <dd><input type="checkbox" name="country" id="country"></dd>
  36.            
  37.                 <dt><label for="date">Πότε μπορείτε να ξεκινήσετε;</label></dt>
  38.                 <dd><input type="text" name="date" id="date" placeholder="YYYY-MM-DD"  pattern="[0-9]{4}-(0[1-9]|1[012])-(0[1-9]|1[0-9]|2[0-9]|3[01])" required="required"></dd>
  39.                
  40.                 <dt><label for="salary">Μισθολογικές απαιτήσεις:</label></dt>
  41.                 <dd><input type="text" name="salary" id="salary" placeholder="1234" required="required" pattern="[0-9]+"></dd>
  42.                 </dl>
  43.             </fieldset>
  44.             <fieldset>
  45.                 <legend>Προσωπικά στοιχεία</legend>
  46.                 <dl>
  47.                 <dt><label for="name">Ονομα:</label></dt>
  48.                 <dd><input type="text" name="name" id="name" placeholder="Name" required="required" pattern="[A-Za-z]+"></dd>
  49.                
  50.                 <dt><label for="mail">Διεύθυνση email:</label></dt>
  51.                 <dd><input type="email" name="mail" id="mail" placeholder="[email protected]" required="required"></dd>
  52.                
  53.                 <dt><label for="portfolio">Προσωπική ιστοσελίδα/Portfolio:</label></dt>
  54.                 <dd><input type="url" name="portfolio" id="portfolio" placeholder="http://example.com" required="required"></dd>
  55.                
  56.                 <dt><label for="bio">Βιογραφικό:</label></dt>
  57.                 <dd><input type="file" name="bio" id="bio" accept="text/html, text/plain, application/pdf" required="required"></dd>
  58.                
  59.                 <dt><label for="twitter">Twitter username:</label></dt>
  60.                 <dd><input type="text" name="twitter" id="twitter" placeholder="Twitter username" pattern="@?[A-Za-z0-9_]{1,20}$"></dd>
  61.                
  62.                 <dt><label for="telephone">Τηλέφωνο:</label></dt>
  63.                 <dd><input type="tel" name="telephone" id="telephone" placeholder="0030 2101234567" required="required"></dd>
  64.                
  65.                 <dt><label for="letter">Συνοδευτική επιστολή (cover letter):</label></dt>
  66.                 <dd><textarea id="letter" name="letter" rows="5" cols="35"></textarea></dd>
  67.                 </dl>
  68.             <button type="submit">Αποστολή</button>
  69.             </fieldset>
  70.             </form>
  71.         </article>
  72.     </body>
  73. </html>
Advertisement
Add Comment
Please, Sign In to add comment