<input type="text" placeholder="Example: 0000 0000 0000 0000" class="input-element"/>

html {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

input {
  padding: 10px;
  border-radius: 10px;
  border: 1px solid rgba(0,0,0,.2);
  width: 200px;
}

var cleave = new Cleave('.input-element', {
    creditCard: true,
    onCreditCardTypeChanged: function (type) {
        // Add some code to update the card type someone entered
    }
});