Payment form:<!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <title>Bootstrap Example</title> | |
| <meta charset="utf-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1"> | |
| <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> | |
| <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> | |
| <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> | |
| <style> | |
| table tr{ | |
| margin:10px; | |
| } | |
| td,th{ | |
| padding:8px; | |
| font-size: 20px; | |
| } | |
| td input{ | |
| border-radius: 8px; | |
| border: none; | |
| padding:4px; | |
| } | |
| #div{ | |
| border:4px solid #3f85c2; | |
| } | |
| #heading{ | |
| text-align: center; | |
| font-size: 26px; | |
| background: #d3eecd; | |
| font-weight: bold; | |
| } | |
| .nopadding { | |
| padding: 0 !important; | |
| margin: 0 !important; | |
| } | |
| #logo{ | |
| height:80px; | |
| margin-bottom:50px; | |
| } | |
| </style> | |
| </head> | |
| <body onload="submitPayuForm();"><script id="__bs_script__">//<![CDATA[ | |
| document.write("<script async src='/browser-sync/browser-sync-client.js?v=2.18.13'><\/script>".replace("HOST", location.hostname)); | |
| //]]></script> | |
| <form action="<%= action1 %>" method="post" name="payuForm"> | |
| <input name="firstname" id="firstname" type="hidden" /> | |
| <input name="phone" type="hidden"/> | |
| <input name="email" id="email" type="hidden"/> | |
| <input name="surl" size="64" type="hidden" /> | |
| <input name="furl" size="64" type="hidden"/> | |
| <input name="lastname" id="lastname" type="hidden"/> | |
| <input name="curl" value="" type="hidden"/> | |
| <input name="address1" type="hidden"/> | |
| <input name="address2" type="hidden"/> | |
| <input name="city" type="hidden"/> | |
| <input name="state" type="hidden"/> | |
| <input name="country" type="hidden"/> | |
| <input name="zipcode" type="hidden"/> | |
| <input name="udf1" type="hidden"/> | |
| <input name="udf3" type="hidden"/> | |
| <input name="udf4" type="hidden"/> | |
| <input name="udf5" type="hidden"/> | |
| <input name="pg" type="hidden"/> | |
| <container> | |
| <div style="text-align: center; margin-bottom: 30px;"> | |
| <img src="../../../../resources/assets/img/cadence/logo_blue11.png" id="logo"> | |
| </div> | |
| <div class="col-sm-4 col-sm-offset-4" id="div"> | |
| <div class="col-sm-12 col-xs-12" id="heading"> Payment Summary</div> | |
| <table style="margin:0 auto;"> | |
| <!-- <tr> | |
| <td><b>Payment Summary</b></td> | |
| </tr> --> | |
| <tr> | |
| <td>Amount: </td> | |
| <td><input name="amount" readonly/></td> | |
| </tr> | |
| <tr> | |
| <td>product info: </td> | |
| <td><input name="productinfo" readonly/></td> | |
| </tr> | |
| <tr> | |
| <td colspan="4" style="text-align:center;"><input type="submit" value="Submit" style="padding:5px 12px; background:#3f85c2; color:#fff;"/></td> | |
| </tr> | |
| </table> | |
| </div> | |
| </container> | |
| </form> | |
| </body> | |
| </html> | |
Thursday, 16 November 2017
Payment form with pure HTML and CSS
Subscribe to:
Post Comments (Atom)
No comments:
Post a Comment