AlexKondov

Form

Jun 24th, 2014
199
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 1.37 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3.     <head>
  4.         <title>Form</title>
  5.         <link rel="stylesheet" type="text/css" href="styles.css">
  6.     </head>
  7.     <body>
  8.         <form method="post" path="path-to-script.php">
  9.                 <header>Step 1: Your Details</header>
  10.                 <div>
  11.                     <label for="name">Name</label>
  12.                     <input type="text" placeholder="First and last name" id="name">
  13.                 </div>
  14.                 <div>
  15.                     <label for="email">Email</label>
  16.                     <input type="email" placeholder="[email protected]" id="email">
  17.                 </div>
  18.                 <div>
  19.                     <label for="phone">Phone</label>
  20.                     <input type="phone" placeholder="e.g. +44750000000" id="phone">
  21.                 </div>
  22.  
  23.                 <header>Step 2: Delivery address</header>
  24.                 <div>
  25.                     <label for="address">Address</label>
  26.                     <textarea id="address"></textarea>
  27.                 </div>
  28.                 <div>
  29.                     <label for="post-code">Post Code</label>
  30.                     <input type="text" id="post-code">
  31.                 </div>
  32.                 <div>
  33.                     <label for="country">Country</label>
  34.                     <input type="text" id="country">
  35.                 </div>
  36.  
  37.                 <header>Step 3: Card Details</header>
  38.                 <div>
  39.                     <span>Card type</span>
  40.                     <br>
  41.                     <input type="radio" id="visa" value="visa" name="card"><label>Visa</label>
  42.                     <input type="radio" id="amex" value="amrican-express" name="card"><label>AmEx</label>
  43.                     <input type="radio" id="mastercard" value="master-card" name="card"><label>MasterCard</label>
  44.                 </div>
  45.         </form>
  46.     </body>
  47. </html>
Advertisement
Add Comment
Please, Sign In to add comment