Add credit card autocomplete attributes to input

medipass · Dec 11, 2017 · 1049fa1 · 1049fa1
1 parent 337dd0c
commit 1049fa1
Showing 1 changed file with 3 additions and 0 deletions.
diff --git a/src/index.js b/src/index.js
@@ -304,6 +304,7 @@ class CreditCardInput extends Component {
           >
             <Input
               id="card-number"
+              autocomplete="cc-number"
               className={`credit-card-input ${inputClassName}`}
               pattern="[0-9]*"
               placeholder="Card number"
@@ -317,6 +318,7 @@ class CreditCardInput extends Component {
           <InputWrapper inputStyled={inputStyle} data-max="MM / YY 99">
             <Input
               id="card-expiry"
+              autocomplete="cc-exp"
               className={`credit-card-input ${inputClassName}`}
               pattern="[0-9]*"
               placeholder="MM / YY"
@@ -331,6 +333,7 @@ class CreditCardInput extends Component {
           <InputWrapper inputStyled={inputStyle} data-max="999999">
             <Input
               id="cvc"
+              autocomplete="cc-csc"
               className={`credit-card-input ${inputClassName}`}
               pattern="[0-9]*"
               placeholder="CVC"