Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <head>
- <title>Form</title>
- <link rel="stylesheet" type="text/css" href="styles.css">
- </head>
- <body>
- <form method="post" path="path-to-script.php">
- <header>Step 1: Your Details</header>
- <div>
- <label for="name">Name</label>
- <input type="text" placeholder="First and last name" id="name">
- </div>
- <div>
- <label for="email">Email</label>
- <input type="email" placeholder="[email protected]" id="email">
- </div>
- <div>
- <label for="phone">Phone</label>
- <input type="phone" placeholder="e.g. +44750000000" id="phone">
- </div>
- <header>Step 2: Delivery address</header>
- <div>
- <label for="address">Address</label>
- <textarea id="address"></textarea>
- </div>
- <div>
- <label for="post-code">Post Code</label>
- <input type="text" id="post-code">
- </div>
- <div>
- <label for="country">Country</label>
- <input type="text" id="country">
- </div>
- <header>Step 3: Card Details</header>
- <div>
- <span>Card type</span>
- <br>
- <input type="radio" id="visa" value="visa" name="card"><label>Visa</label>
- <input type="radio" id="amex" value="amrican-express" name="card"><label>AmEx</label>
- <input type="radio" id="mastercard" value="master-card" name="card"><label>MasterCard</label>
- </div>
- </form>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment