Skip to content

Instantly share code, notes, and snippets.

@dudesl
Created November 26, 2015 12:31
Show Gist options
  • Save dudesl/0e41069db391c62aecb0 to your computer and use it in GitHub Desktop.
Save dudesl/0e41069db391c62aecb0 to your computer and use it in GitHub Desktop.
<form class="card-form">
<!-- Card number -->
<div class="card-form__field">
<label for="cardNumber">Número de tarjeta</label>
<input id="cardNumber" type="text" data-checkout="cardNumber">
</div>
<!-- Payment method id -->
<div class="card-form__field">
<select id="paymentMethodId" name="paymentMethodId" data-checkout="paymentMethodId"></select>
</div>
<!-- Security code -->
<div class="card-form__field">
<label for="securityCode">Código de seguridad</label>
<input id="securityCode" type="text" data-checkout="securityCode">
</div>
<!-- Card expiration month -->
<div class="card-form__field">
<label for="cardExpirationMonth">Mes de vencimiento</label>
<input id="cardExpirationMonth" type="text" data-checkout="cardExpirationMonth">
</div>
<!-- Card expiration year -->
<div class="card-form__field">
<label for="cardExpirationYear">Año de vencimiento</label>
<input id="cardExpirationYear" type="text" data-checkout="cardExpirationYear">
</div>
<!-- Card holder name -->
<div class="card-form__field">
<label for="cardholderName">Nombre del titular</label>
<input id="cardholderName" type="text" data-checkout="cardholderName">
</div>
<!-- Identification type -->
<div class="card-form__field">
<label for="identificationType">Tipo de documento</label>
<select id="identificationType" data-checkout="identificationType"></select>
</div>
<!-- Identification number -->
<div class="card-form__field">
<label for="identificationNumber">Número de documento</label>
<input id="identificationNumber" type="text" data-checkout="identificationNumber">
</div>
<!-- Issuer -->
<div class="card-form__field">
<label for="issuer">Emisor</label>
<select id="issuer" name="issuer" data-checkout="issuer"></select>
</div>
<!-- Installments -->
<div class="card-form__field">
<label for="installments">Cuotas</label>
<select id="installments" name="installments" data-checkout="installments"></select>
</div>
<!-- Submit -->
<div class="card-form__submit">
<input type="submit" value="Pagar">
</div>
</form>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment