"Simple Payment Page"
Bootstrap 4.1.1 Snippet by sums

<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <!-- saved from url=(0032)http://ruby-testing/country.html --> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Simple Form</title> </head> <body> <p style="text-align:center;font-weight:bold">Simple Payment Page</p> <form id="ourform" method="get" autocomplete="on"> Card Number: <input name="credit-card-number" value="" class="number" id="credit-card-number" spellcheck="false" type="tel" maxlength="22" data-braintree-name="number"><br> </br> Expiry Month: <select id="credit-card-expiry-month" name="expiryMonth"> <option value="">-Month-</option> <option value="Jan">Jan</option> <option value="Feb">Feb</option> <option value="Mar">Mar</option> <option value="Apr">Apr</option> <option value="May">May</option> <option value="Jun">Jun</option> <option value="Jul">Jul</option> <option value="Aug">Aug</option> <option value="Sep">Sep</option> <option value="Oct">Oct</option> <option value="Nov">Nov</option> <option value="Dec">Dec</option> </select></br> Expiry Year: <select id="credit-card-expiry-year" name="expiryYear"> <option value="">-Year-</option> <option value="18">18</option> <option value="19">19</option> <option value="20">20</option> <option value="21">21</option> <option value="22">22</option> <option value="23">23</option> <option value="24">24</option> <option value="25">25</option> <option value="26">26</option> <option value="27">27</option> <option value="28">28</option> <option value="29">29</option> </select></br> Card Holder Name: <input name="card-holder-name" value="" id="card-holder-name" spellcheck="false" type="text" maxlength="252" data-braintree-name="number"><br> CVV:<input name="cvv" class="cvv" id="cvv" value="" spellcheck="false" type="tel" maxlength="4" autocapitalize="none" data-braintree-name="cvv"><br> </br> </br> Address: <input name="address" value="Gachibowli-hyderabad" id="address" spellcheck="false" type="text" maxlength="252" data-braintree-name="number"><br> City: <input name="city" value="hyderabad" id="city" spellcheck="false" type="text" maxlength="252" data-braintree-name="number"><br> Country: <input name="country" value="India" id="country" spellcheck="false" type="text" maxlength="252" data-braintree-name="number"><br> Pincode: <input name="pin-code" value="502032" id="pin-code" spellcheck="false" type="tel" maxlength="5" placeholder="MM" autocapitalize="none" data-braintree-name="expirationMonth"><br> <!--button type="button" onclick="myFunction()"> Make Payment </button--> <input type="submit" value="Submit" id="submit0"> </form> <script> function myFunction() { window.location.href = 'http://ie-snap/testsnew/RedStone/Edge/AutoFormFill/Form.html'; } </script> </body> </html>

Related: See More


Questions / Comments: