Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <title>Credit card form</title>
- <style>
- body {
- font-family: sans-serif;
- }
- form {
- width: 370px;
- }
- label {
- display: block;
- margin-bottom: 24px;
- font-size: 18px;
- }
- input {
- padding: 8px;
- font-size: 18px;
- width: 100%;
- margin-top: 4px;
- }
- button {
- display: block;
- padding: 20px 40px;
- margin: 0 auto;
- font-size: 18px;
- background: seagreen;
- color: white;
- border: none;
- }
- </style>
- </head>
- <body>
- <form
- method="post"
- action="/submit-credit-card"
- target="_parent"
- >
- <label>
- Name on the card<br>
- <input name="ccname" autofocus/>
- </label>
- <label>
- Credit card number<br>
- <input name="cardnumber"/>
- </label>
- <label>
- CVC<br>
- <input name="cvc"/>
- </label>
- <label>
- Expiry date<br>
- <input name="cc-exp"/>
- </label>
- <button>
- Submit
- </button>
- </form>
- </body>
- </html>
Add Comment
Please, Sign In to add comment